eb-player 1.52.21 → 1.52.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,159 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Globecast TV Everywhere Demo Live TV</title>
5
+ <meta https-equiv="content-type" content="text/html; charset=utf-8" />
6
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.globecast.easybroadcast.fr//apple-touch-icon.png">
7
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.globecast.easybroadcast.fr//favicon-32x32.png">
8
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.globecast.easybroadcast.fr//favicon-16x16.png">
9
+ <!-- <link rel="manifest" href="/manifest.json"> -->
10
+ <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000">
11
+ <meta name="theme-color" content="#000000">
12
+
13
+ <link rel="icon" type="image/png" href="https://www.easybroadcast.fr/images/EasyBroadcast.svg"/>
14
+
15
+ <!-- CSS -->
16
+ <style type="text/css">
17
+
18
+ header {
19
+ display: flex!important;
20
+ align-items: center;
21
+ width: 100%;
22
+ height: 80px;
23
+ background: black;
24
+ padding: 1rem;
25
+ }
26
+
27
+ #selector {
28
+ max-height: 500px;
29
+ padding: 1%;
30
+ }
31
+
32
+ #selector .eb-player {
33
+ margin-left: auto;
34
+ margin-right: auto;
35
+ }
36
+
37
+ #inline-div {
38
+ display: flex;
39
+ justify-content: center;
40
+ align-items: center;
41
+ flex-wrap: wrap;
42
+ margin: 2rem 0 2rem;
43
+ }
44
+
45
+ #inline-div > * {
46
+ margin: 5px;
47
+ }
48
+
49
+ #form-ads {
50
+ margin-top: 30px;
51
+ }
52
+
53
+ #header-text {
54
+ color: #1fa9dd;
55
+ text-align: center;
56
+ font: 700 0.9rem "Source Sans Pro", sans-serif;
57
+ font-size: 20px;
58
+ text-transform: uppercase;
59
+ }
60
+
61
+ #loadSettings {
62
+ display: inline-block;
63
+ padding: 0.75rem 2rem 0.75rem 2rem;
64
+ border: 1px solid #1fa9dd;
65
+ border-radius: 2rem;
66
+ background-color: transparent;
67
+ color: #1fa9dd;
68
+ font: 700 0.9rem "Source Sans Pro", sans-serif;
69
+ text-decoration: none;
70
+ text-transform: uppercase;
71
+ transition: all 0.2s ease;
72
+ }
73
+
74
+ #adsUrl {
75
+ /* display: block; */
76
+ width: 80%;
77
+ padding-top: 1.0625rem;
78
+ padding-bottom: 0.0625rem;
79
+ padding-left: 1.3125rem;
80
+ border: 1px solid #f0f0f0;
81
+ /* border-radius: 0.25rem; */
82
+ position: relative;
83
+ color: #2d2d2d;
84
+ font: 10000 2.875rem/3.875rem "Source Sans Pro", sans-serif;
85
+ transition: all 0.2s ease;
86
+ -webkit-appearance: none;
87
+ margin-top: 8px;
88
+ margin-bottom: 15px;
89
+ }
90
+
91
+ #test {
92
+ font: 20000 4.875rem/4.875rem "Source Sans Pro", sans-serif;
93
+ color: #2d2d2d;
94
+ }
95
+
96
+ #logo {
97
+ }
98
+ </style>
99
+
100
+ <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
101
+ <!-- <link rel="stylesheet" type="text/css" href="https://www.rd.easybroadcast.fr/demo-chromecast/css/TV_EverywhereDemo.css"> -->
102
+ <!-- <link rel="stylesheet" type="text/css" href="OptimNet/css/demos.css"> -->
103
+ <!-- SCRIPTS -->
104
+ <script src="https://use.fontawesome.com/11bd832e36.js"></script>
105
+ <script type="text/javascript" src="https://www.globecast.easybroadcast.fr/OptimNet/js/jquery-2.1.4.min.js"></script>
106
+ <script type="text/javascript" src="https://www.globecast.easybroadcast.fr/OptimNet/js/mainscript.js"></script>
107
+
108
+ </head>
109
+
110
+ <body>
111
+ <header>
112
+ <div id="logo" style="margin-right: 1.5rem">
113
+ <a href="https://www.easybroadcast.fr/" target="_blank" >
114
+ <img src="./pmu_logo.png" style="max-width: 90px;">
115
+ </a>
116
+ </div>
117
+ <div style="color: #ffffff">
118
+ <span> PMU Demo</span>
119
+ </div>
120
+ </header>
121
+
122
+ <section class="">
123
+ <div id="form-ads">
124
+ <h3 id="header-text"> Stream Management </h3>
125
+ <form id="form-data">
126
+ <div id="inline-div">
127
+ <div>
128
+ <!-- <label for="fname" id="test">Add m3u8 URL Here</label> -->
129
+ <input type="text" id="Url" name="url" placeholder="Add m3u8 URL Here" style="width: 300px"/>
130
+ </div>
131
+ <button type="button" id="loadSettings" style="font-size: 12px">
132
+ Load settings
133
+ </button>
134
+ </div>
135
+ </form>
136
+ </div>
137
+
138
+ <div id="selector">
139
+ <div id="chrome-player"></div>
140
+ </div>
141
+
142
+ <script defer>
143
+ document.getElementById('loadSettings').addEventListener('click', () => {
144
+ window.EBPlayer.close();
145
+ const url = document.getElementById('Url').value;
146
+ // console.log('dfdf', url);
147
+ document.getElementById('selector').innerHTML = '<div id="chrome-player"></div>';
148
+ // const url = document.getElementById("adsUrl")
149
+ setTimeout(() => {
150
+ window.EBPlayer.start({ src: url });
151
+ document.getElementById('Url').value = '';
152
+ }, 100);
153
+ // window.EBPlayer.start({ preroll: url, prerollSkip: 3 });
154
+ });
155
+ </script>
156
+
157
+ </section>
158
+ <script type="text/javascript" src="demo_chromecast.js"></script></body>
159
+ </html>
@@ -0,0 +1,31 @@
1
+ <html>
2
+
3
+ <head>
4
+ <title>player</title>
5
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6
+
7
+ <style>
8
+ body {
9
+ background: black;
10
+ }
11
+
12
+ html {
13
+ min-width: unset !important;
14
+ }
15
+ </style>
16
+ </head>
17
+
18
+ <body>
19
+ <div id="eb_player"></div>
20
+ <script type="text/javascript" defer>
21
+ // const params = decodeURI(window.location.search.substring(1));
22
+ // const streamURL = 'https://live.easybroadcast.fr/hls/live/playlist.m3u8';
23
+
24
+ // setTimeout(() => {
25
+ // EBPlayer.start({ src: streamURL });
26
+ // window.close = () => EBPlayer.close();
27
+ // }, 2000);
28
+ </script>
29
+ <script type="text/javascript" src="website.js"></script></body>
30
+
31
+ </html>