Quelles API du navigateur sont importantes pour la lecture de HLS/DASH dans le navigateur?

Pour la lecture HLS/DASH dans le navigateur, les API suivantes sont importantes :

• Extensions de Source Média (MSE) — permet de créer dynamiquement un flux multimédia en chargeant des segments vidéo et audio, ce qui est nécessaire pour le streaming adaptatif.
• Extensions de Médias Chiffrés (EME) — assure la prise en charge de DRM si le flux est protégé.
• API Fetch / XMLHttpRequest — pour charger les segments et les manifestes de playlists.
• API Web Audio — parfois utilisée pour traiter l'audio.

Exemple d'utilisation de MSE pour la lecture HLS/DASH :

const video = document.querySelector('video');
const mediaSource = new MediaSource();
video.src = URL.createObjectURL(mediaSource);
mediaSource.addEventListener('sourceopen', () => {
  const sourceBuffer = mediaSource.addSourceBuffer('video/mp4; codecs="avc1.64001e, mp4a.40.2"');
  fetch('segment1.mp4')
    .then(response => response.arrayBuffer())
    .then(data => sourceBuffer.appendBuffer(data));
});

Ainsi, MSE est l'API clé pour réaliser des lecteurs personnalisés avec support du streaming adaptatif.