Che cos’è OpenPlayerJs?

OpenPlayerJs è un magnifico player che riesce a leggere streaming in HLS o DASH completamente open source! Ecco il link Github e una demo di come funziona! Riesce a decodifcare in tempo reale il segnale audio/video che arriva dalla rete grazie a Java Script fantastico!

Lo script per far funzionare il player in html:

<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/openplayerjs@latest/dist/openplayer.min.css” />
<video class=”op-player__media” id=”player” controls playsinline>
<source src=”https://live3.msf.cdn.mediaset.net/content/dash_d0_clr_vos/live/channel(fu)/manifest.mpd” type=”video/mp4″ />
<track kind=”subtitles” src=”/path/to/video.vtt” srclang=”en” label=”English” />
</video>
<script src=”https://cdn.jsdelivr.net/npm/openplayerjs@latest/dist/openplayer.min.js”></script>
<script>
// Check the `API and events` link below for more options
document.querySelectorAll(‘.op-player__media’).forEach(player => {
const p = new OpenPlayerJS(player.id, {

controls: {
layers: {
left: [‘play’, ‘volume’],

right: [‘fullscreen’],
}
},
width: ‘81%’,
});
p.init();
});
</script>

Come potete vedere il link: https://live3.msf.cdn.mediaset.net/content/dash_d0_clr_vos/live/channel(fu)/manifest.mpd richiama appunto il canale che noi vogliamo guardare. Ecco il file html precompliato!