mse hls example

Ejemplo de MSE con HLS

Este ejemplo reproduce varios segmentos de TS, de forma similar a HLS, mediante la API de MSE.

Nota: solo funciona en navegadores que admitan MPEG2TS. Probado con WebKit en Safari.

Empezando

./download_media.sh
python3 -m http.server

Luego abra un navegador con http://0.0.0.0:8000

Tutorial

Lo que hace este ejemplo es aumentar la calidad del video a través de la reproducción. Cada 1/6 del vídeo se aumenta la calidad, desde empezar en 180p hasta terminar en 1080p.

Hay dos buffers de origen: uno para vídeo, que cambia de calidad con el tiempo; y otro para audio que tiene una calidad fija.