async function initializePlayer(id, url, drmKey, enableCustomConfig) { const video = document.getElementById(id); const ui = video['ui']; const controls = ui.getControls(); const player = controls.getPlayer(); const config = { 'controlPanelElements': ['time_and_duration','playback_rate','mute','spacer','captions','language' ,'quality','fullscreen'], 'playbackRates': [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2], 'seekBarColors': {base: 'rgba(255,255,255,.2)', buffered: 'rgba(255,255,255,.4)', played: 'rgb(255,0,0)'} }; ui.configure(config); player.configure({drm: {clearKeys: drmKey}}); window.player = player; window.ui = ui; player.addEventListener('error', onPlayerErrorEvent); controls.addEventListener('error', onUIErrorEvent); if (enableCustomConfig) { player.configure('manifest.dash.ignoreMinBufferTime', true); player.configure('streaming.rebufferingGoal', 5 /* second */); } try { await player.load(url); console.log('The video has now been loaded!'); } catch (error) { onPlayerError(error); } } function onPlayerErrorEvent(errorEvent) { onPlayerError(errorEvent.detail); } function onPlayerError(error) { console.error('Error code', error.code, 'object', error); } function onUIErrorEvent(errorEvent) { onPlayerError(errorEvent.detail); } document.addEventListener('shaka-ui-loaded', function() { initializePlayer('ssc1', 'https://ssc1-ak.akamaized.net/out/v1/c696e4819b55414388a1a487e8a45ca1/index.mpd', {'d84c325f36814f39bbe59080272b10c3': '550727de4c96ef1ecff874905493580f'}); initializePlayer('ssc2', 'https://ssc2-ak.akamaized.net/out/v1/a16db2ec338a445a82d9c541cc9293f9/index.mpd', {'8bcfc55359e24bd7ad1c5560a96ddd3c': 'b5dcf721ab522af92a9d3bf0bd55b596'}); initializePlayer('ssc3', 'https://ssc3-ak.akamaized.net/out/v1/42e86125555242aaa2a12056832e7814/index.mpd', {'7de5dd08ad8041d586c2f16ccc9490a1': '5e1503f3398b34f5099933fedab847ef'}); });