Use o Media Panel no Chrome DevTools para ver informações e depurar os players de mídia por guia do navegador.
Abrir o painel "Mídia"
No DevTools, o painel Media é o principal local para inspecionar o player de mídia de uma página.
- Abra o DevTools.
- Clique em Mais opções > Mais ferramentas > Mídia para abrir o painel "Mídia".
Ver informações dos players de mídia
- Acesse uma página com um player de mídia, como https://youtu.be/e1gAyQuIFQo.
- Agora é possível ver um player de mídia no menu Players.
- Clique no player. A guia Propriedades exibe as propriedades do player de mídia.
- Clique na guia Eventos para conferir todos os eventos do player de mídia.
- Clique na guia Mensagens para visualizar os registros de mensagens do player de mídia. É possível filtrar as mensagens por nível de registro ou string.
- Na guia Cronograma, você pode conferir em tempo real o status do buffer e da reprodução de mídia.
Depuração remota
É possível ver as informações do player 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 remotamente as informações dos players de mídia.
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 por 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.
- Acesse 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 jogador selecionado, selecione Ocultar jogador ou Ocultar todos os outros para ocultar todos os outros jogadores.
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 delas no formato JSON.