const logs = document.getElementById('logs'); const _logEvent = function (event) { if (event && event.type) { logs.insertAdjacentHTML('afterbegin', '
' + event.type + '
'); } }; // player settings let src; if (document.getElementById('hls')) { src = { hls: 'https://cdn.radiantmediatechs.com/rmp/media/v2/playlist.m3u8', }; } else if (document.getElementById('dash')) { src = { dash: 'https://cdn.radiantmediatechs.com/rmp/media/v2/manifest.mpd', }; } else if (document.getElementById('mp4')) { src = { mp4: [ 'https://cdn.radiantmediatechs.com/rmp/media/v2/360p.mp4', 'https://cdn.radiantmediatechs.com/rmp/media/v2/720p.mp4' ] }; } const settings = { licenseKey: 'Kl8lbz16cz1rN2l2enM9Z2M9NnZvMnllaT9yb201ZGFzaXMzMGRiMEElXyo=', src: src, width: 640, height: 360, contentMetadata: { poster: ['https://www.radiantmediaplayer.com/images/poster-rmp-demo.jpg'] } }; const elementID = 'rmp'; const rmp = new RadiantMP(elementID); // wire events const events = [ 'ready', 'bufferstalled', 'buffernotstalledanymore', 'levelswitching', 'levelswitched' ]; events.forEach(function (value) { rmp.on(value, _logEvent); }); const startuptimeElement = document.getElementById('startuptime'); const bufferAheadElement = document.getElementById('bufferAhead'); const bufferBehindElement = document.getElementById('bufferBehind'); rmp.on('startuptimeavailable', () => { startuptimeElement.textContent = 'Player startup time: ' + rmp.getStartUpTime() + ' ms'; setInterval(() => { bufferAheadElement.textContent = 'Buffer ahead: ' + rmp.getBufferLength('ahead') + ' ms'; bufferBehindElement.textContent = 'Buffer behind: ' + rmp.getBufferLength('behind') + ' ms'; }, 100); }); // init player after we have attached our listener rmp.init(settings);