MPEG-DASH

Streaming adaptable dinámico sobre HTTP (DASH), también conocido como MPEG-DASH, es una técnica de streaming compatible con Fluid Player.

Un archivo de descripción de presentación multimedia (MPD) contiene información segmentada. Los segmentos individuales se describen en este artículo.

Los segmentos contienen información sobre los tiempos, la URL, la resolución, las tasas de bits, etc., lo que informa al reproductor qué servir al cliente dependiendo de la disponibilidad de ancho de banda.

Los detalles completos sobre el protocolo MPEG-DASH se pueden encontrar en la Wikipedia.

La transmisión en vivo se indicará mediante un indicador en vivo mostrado junto con la barra de control.

Fluid Player hace uso de Dash.js para reproducir archivos MPD. Una vez que un .mpd archivo se establece como la fuente, Fluid Player lo reproducirá, como se puede ver en el siguiente ejemplo.

<video id='dash-video'>
    <source src='stream_dash.mpd' type='application/dash+xml'/>
</video>

<script>
fluidPlayer(
    'dash-video',
    {
        layoutControls: {
            fillToContainer: true
        }
    }
);
</script>

Personalización de MPEG-DASH

Fluid Player tiene ganchos que admiten dashjs configuración, se puede encontrar una lista completa de propiedades configurables en la oficial dashjs documentación de la API.

A continuación se muestra un ejemplo de configuración en la que puedes establecer la longitud máxima del búfer y la calidad de transmisión con la que se iniciará el video.

fluidPlayer('fluid-player', {
    modules: {
        configureDash: (options) => {
            return {
                stableBufferTime: 30, // Longitud máxima del video almacenado en búfer en segundos
                initialBufferLevel: 4, // Nivel de calidad inicial
                ...options,
            }
        },
        onBeforeInitDash: (dash) => {
            dash.setQualityFor('video', 4); // Establecer programáticamente el nivel de calidad para el siguiente segmento
        },
        onAfterInitDash: (dash) => {
            dash.setQualityFor('video', 4); // Establecer programáticamente el nivel de calidad para el siguiente segmento
        },
    }
});

Para obtener más información sobre el uso de ganchos, consulta la configuración avanzada página.