MPEG-DASH

Dynamic Adaptive Streaming over HTTP (DASH), também conhecido como MPEG-DASH, é uma técnica de streaming compatível com o Fluid Player.

Um ficheiro de descrição de apresentação de media (MPD) contém informação segmentada. Os segmentos individuais são descritos em este artigo.

Os segmentos contêm informação relativa aos tempos, URL, resolução, taxas de bits, etc., o que informa o leitor sobre o que fornecer ao cliente, dependendo da disponibilidade de largura de banda.

Os detalhes completos sobre o protocolo MPEG-DASH podem ser encontrados na wikipedia.

O Live Streaming será sinalizado por um Indicador Ao Vivo exibido junto com a barra de controlo.

O Fluid Player faz uso de Dash.js para reproduzir ficheiros MPD. Assim que um .mpd ficheiro é definido como fonte, o Fluid Player irá reproduzi-lo, como pode ser visto no exemplo abaixo.

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

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

Personalizar MPEG-DASH

O Fluid Player tem hooks que suportam dashjs configuração, uma lista completa das propriedades configuráveis pode ser encontrada na oficial dashjs documentação da API.

Abaixo está um exemplo de configuração em que pode definir o comprimento máximo do buffer e a qualidade de streaming com que o vídeo será iniciado.

fluidPlayer('fluid-player', {
    modules: {
        configureDash: (options) => {
            return {
                stableBufferTime: 30, // Comprimento máximo do vídeo em buffer em segundos
                initialBufferLevel: 4, // Nível de qualidade inicial
                ...options,
            }
        },
        onBeforeInitDash: (dash) => {
            dash.setQualityFor('video', 4); // Definir programaticamente o nível de qualidade para o próximo segmento
        },
        onAfterInitDash: (dash) => {
            dash.setQualityFor('video', 4); // Definir programaticamente o nível de qualidade para o próximo segmento
        },
    }
});

Para mais informações sobre a utilização de hooks, consulte a Configuração avançada página.