Use o Media Panel no Chrome DevTools para visualizar informações e depurar os players de mídia por guia do navegador.
Abrir o painel "Mídia"
O painel Mídia é o principal local no DevTools para inspecionar o player de mídia de uma página.
- Abra o DevTools.
- Clique em More Options > More tools > Media para abrir o painel "Media".
Ver informações dos players de mídia
- Acesse uma página com um player de mídia, como https://youtu.be/e1gAyQuIFQo.
- Agora você encontra um player de mídia no menu Players.
- Clique no player. A guia Properties mostra as propriedades do player de mídia.
- Clique na guia Events para ver todos os eventos do player de mídia.
- Clique na guia Mensagens para ver os registros de mensagens do player de mídia. Você pode filtrar as mensagens por nível de registro ou string.
- Na guia Linha do tempo, é possível conferir a reprodução de mídia e o status do buffer em tempo real.
Depuração remota
É possível ver as informações dos players de mídia em um dispositivo Android no seu computador Windows, Mac ou Linux.
- Siga estas etapas para configurar a depuração remota.
- Agora é possível visualizar as informações dos players de mídia remotamente.
Ocultar e mostrar players de mídia
Às vezes, pode haver mais de um player de mídia em uma página ou você pode usar a mesma guia do navegador navegando em páginas diferentes, cada uma com players de mídia.
É possível mostrar ou ocultar cada player de mídia para facilitar a experiência de depuração.
- Navegue para várias páginas de vídeo diferentes usando a mesma guia do navegador.
- Clique com o botão direito do mouse em um dos players de mídia. Para ocultar o player selecionado, selecione Ocultar player ou Ocultar todos os outros.
Exportar informações do player de mídia
- Clique com o botão direito do mouse em um dos players de mídia.
- Selecione Salvar informações do jogador para fazer o download dessas informações como JSON.