@brandbrigade/ott-bb-player 1.0.32 → 1.0.41
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.
- package/README.md +27 -0
- package/js/OTTPlayer.js +1 -1
- package/mediakind.html +36 -9
- package/package.json +1 -1
package/mediakind.html
CHANGED
|
@@ -53,7 +53,11 @@
|
|
|
53
53
|
<br/>
|
|
54
54
|
<button id="toggleBtn" onclick="toggleBBPlayer()">Toggle ott player OFF</button>
|
|
55
55
|
<br/>
|
|
56
|
-
|
|
56
|
+
<div id="forceUpdate" style="font-size: 3px;"></div>
|
|
57
|
+
<button id="qualityButton">Get Available Qualities</button>
|
|
58
|
+
<select id="qualitySelect">
|
|
59
|
+
<option value="">Select Quality</option>
|
|
60
|
+
</select>
|
|
57
61
|
<div id="debugText"></div>
|
|
58
62
|
<div id="debugText2"></div>
|
|
59
63
|
<!--<div id="debugText3"></div> -->
|
|
@@ -76,12 +80,13 @@ function doAllStuff()
|
|
|
76
80
|
|
|
77
81
|
// MK STUF
|
|
78
82
|
let config = {
|
|
79
|
-
server_url: "https://ottapp-appgw-amp-a.
|
|
83
|
+
server_url: "https://ottapp-appgw-amp-a.prodb.nba.tv3cloud.com",
|
|
80
84
|
owner_Uid: "azuki",
|
|
81
85
|
playback_mode: wmcConstants.IMC_MODE_LIVE,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
86
|
+
start:"LIVE",
|
|
87
|
+
media_id: "bbtestexternal",//"bbtest45"
|
|
88
|
+
app_id: "100419",//"99569"
|
|
89
|
+
authorization_token: "AuthToken1jVDZbtswEPwa600Cl5fJBz0IbnMgcAq0TfrMYxXLkUSXpJq4X186V4GiLQIslsPZ2VlgusUPODtsdzkf0op1K3pWKuJ4HOa7g4n52Bxi8LaZrWnyD-bGsPjGhamoqsuUFox_7Kac_rNy0v6Wuh1OJjWP05iCOTQh3hX2IZVGCRHleWqDxzkP-VigG80wneazmbBdUk0dIHLoa82Zqbm1ulaW8Zpz53tOKEUN1VeczZwvfeuxN8uYq24cwwP6Vz69DW4SxqJ7r3HnXFienJ01onB9bYBjESlXa-z7mljfg7KUoPfVh-crL0fetfLXvKbBxZBCn19SfU1MnRKT_0gshhHbtNjk4mAxVt2SdyEOP00ewrw16b4FoYEzzoQUAAzWVHCl15Qy0JxIraiUSjEKXGipqBAggEotFNFKCkKBMk0ZJ8AKFmvKqRIgC1DVx8fDEDF9mtuTK2jNgVWbiCajfyaLJ5eFvMLj-TL4FpwhXlhfr3ula772UGKipCBkaCUyBaS62HabLxcdFbLd3m5uu_urh4Xsd923G6-vV7T_DN_Pz8btfl9wqf44ZR_z9Q7n8gsr5n8B"
|
|
85
90
|
}
|
|
86
91
|
//let bbPlayer = null;
|
|
87
92
|
let fps = 0;
|
|
@@ -154,6 +159,8 @@ function doAllStuff()
|
|
|
154
159
|
wmcMgr.enableBrandBrigade(true);
|
|
155
160
|
|
|
156
161
|
wmcMgr.setSTSToken(config.authorization_token);
|
|
162
|
+
wmcMgr.setCDNToken({"start":"LIVE"})
|
|
163
|
+
wmcMgr.setKssUrl("https://ottapp-appgw-client.prodb.nba.tv3cloud.com/S1/kss/signkey");
|
|
157
164
|
wmcMgr.setLogLevel(wmcConstants.IMC_LOG_DEBUG);
|
|
158
165
|
|
|
159
166
|
|
|
@@ -162,7 +169,7 @@ function onPlaybackControlBlock(eventObj) {
|
|
|
162
169
|
if (!playBackControlRestrictions.length) {
|
|
163
170
|
return;
|
|
164
171
|
}
|
|
165
|
-
blockControls();
|
|
172
|
+
//blockControls();
|
|
166
173
|
}
|
|
167
174
|
|
|
168
175
|
wmcMgr.setNativeHlsParsing(true);
|
|
@@ -199,8 +206,8 @@ function onPlaybackControlBlock(eventObj) {
|
|
|
199
206
|
wmcMgr.addEventListener(wmcEvents.AMC_EVENT_PLAYER_METADATA_PARSED, processEvent);
|
|
200
207
|
wmcMgr.addEventListener(wmcEvents.AMC_EVENT_METRICS_UPDATE, processEvent);
|
|
201
208
|
wmcMgr.setPlayerKey("60a31c68-c920-42be-a74a-506d51df7233");
|
|
202
|
-
|
|
203
|
-
|
|
209
|
+
//wmcMgr.setExternalSourceParams({ sourceUrl: "https://nbablpng.akamaized.net/live/hls-itc/bbtest45/v1-121.m3u8?stSecret=rj12sw543terw32422334swees", licenseUrl: "" });
|
|
210
|
+
wmcMgr.setExternalSourceParams({ sourceUrl: globalConfig.url, licenseUrl: "" });
|
|
204
211
|
wmcMgr.init();
|
|
205
212
|
const toggleBtn = document.getElementById("toggleBtn");
|
|
206
213
|
function toggleBBPlayer()
|
|
@@ -210,7 +217,27 @@ function onPlaybackControlBlock(eventObj) {
|
|
|
210
217
|
// bbPlayer.Toggle(!bbPlayer.options.enabled);
|
|
211
218
|
// toggleBtn.innerText = "Toggle ott player " + (bbPlayer.options.enabled ? "OFF" : "ON");
|
|
212
219
|
// }
|
|
213
|
-
|
|
220
|
+
}
|
|
221
|
+
// Add event listener to the quality button
|
|
222
|
+
document.getElementById('qualityButton').addEventListener('click', () => {
|
|
223
|
+
const qualities = wmcMgr.getAvailableVideoQualities();
|
|
224
|
+
const qualitySelect = document.getElementById('qualitySelect');
|
|
225
|
+
qualitySelect.innerHTML = '<option value="">Select Quality</option>'; // Clear previous options
|
|
226
|
+
qualities.forEach(quality => {
|
|
227
|
+
const option = document.createElement('option');
|
|
228
|
+
option.value = quality.id;
|
|
229
|
+
option.text = quality.label;
|
|
230
|
+
qualitySelect.appendChild(option);
|
|
231
|
+
});
|
|
232
|
+
});
|
|
233
|
+
|
|
234
|
+
// Add event listener to the quality select dropdown
|
|
235
|
+
document.getElementById('qualitySelect').addEventListener('change', function() {
|
|
236
|
+
const selectedQuality = this.value;
|
|
237
|
+
if (selectedQuality) {
|
|
238
|
+
wmcMgr.setVideoQuality(selectedQuality);
|
|
239
|
+
}
|
|
240
|
+
});
|
|
214
241
|
}
|
|
215
242
|
|
|
216
243
|
const URLParams = new URL(document.location);
|