Welche Browser-APIs sind wichtig für die Wiedergabe von HLS/DASH im Browser?

Für die Wiedergabe von HLS/DASH im Browser sind die folgenden Browser-APIs wichtig:

• Media Source Extensions (MSE) — ermöglicht die dynamische Erstellung von Medienströmen, indem Videosegmente und Audiospuren geladen werden, was für adaptives Streaming notwendig ist.
• Encrypted Media Extensions (EME) — stellt DRM-Unterstützung bereit, falls der Stream geschützt ist.
• Fetch API / XMLHttpRequest — zum Laden von Segmenten und Manifesten von Playlists.
• Web Audio API — wird manchmal zur Audiobearbeitung verwendet.

Beispiel für die Verwendung von MSE zur Wiedergabe von 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));
});

Daher ist MSE die Schlüssel-API für die Implementierung von benutzerdefinierten Playern mit Unterstützung für adaptives Streaming.