Como identificar que o elemento de mídia html5 está parado e aguardando a continuação da reprodução de mais mídias
Estou trabalhando comMediaSource
eSourceBuffer
para reproduzir vídeo html5. Estou buscando seqüencialmente fragmentos de DASH para continuar a reprodução ininterrupta de vídeo. Mas, às vezes, devido às condições da rede,SourceBuffer
fica sem dados para continuar jogando. Quando esses dados chegam, o jogo é retomado. Mas entre esse período, o vídeo parece parado. Quero adicionar algumas indicações visuais sobre o elemento de mídia, de que ele está em pausa como seus dados obrigatórios em buffer.
Tentei vincular eventos 'em espera' e 'paralisados' em vídeo, mas nenhum dos eventos foi acionado.
var vid = $('video')[0];
vid.addEventListener('stalled', function(e) { console.log('Media stalled...');})
Existe outra maneira de saber se a mídia foi interrompida e quando é retomada?
Obrigado.