Mídia: visualizar e depurar informações dos players de mídia

Jecelyn Yeen

Dale St. Marthe

Usar o painel Media (Mídia) no Chrome DevTools para ver informações e depurar os players de mídia por navegador .

Visão geral

No DevTools, o painel Media é o principal local para inspecionar o player de mídia de uma página. As fontes de áudio e vídeo estão listadas na seção à esquerda do painel Mídia, em Players, e a seção à direita exibe várias propriedades e detalhes.

O painel Media permite fazer o seguinte:

• Ver informações do player de mídia.
• Ocultar e mostrar mídia.
• Depuração do player de mídia remoto.
• Exportar informações do player de mídia.

Abrir o painel "Mídia"

Para abrir o painel Media:

1. Abra o DevTools.
2. Clique em Mais opções more_vert > Mais ferramentas > Media para abrir o painel Media.

Ver informações dos players de mídia

Para ver as informações do player de mídia, siga estas etapas:

1. Acesse uma página com um player de mídia, como https://youtu.be/e1gAyQuIFQo.
2. Agora é possível ver um player de mídia no menu Players.
3. Clique no player. A guia Propriedades exibe as propriedades do player de mídia.
4. Clique na guia Eventos para conferir todos os eventos do player de mídia.
5. Clique na guia Mensagens para visualizar os registros de mensagens do player de mídia. Você pode filtrar as mensagens por nível de registro ou string.
6. Na guia Cronograma, você pode conferir em tempo real o status do buffer e da reprodução de mídia.

Depuração remota

Você pode ver as informações dos players de mídia em um dispositivo Android no Windows, Mac ou Linux computador.

1. Siga estas etapas para configurar a depuração remota.
2. 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 é possível usar a mesma guia do navegador navegando em diferentes páginas, 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.

1. Acesse várias páginas de vídeo diferentes usando a mesma guia do navegador.
2. Clique com o botão direito do mouse em um dos players de mídia. Você pode ocultar o player escolhido Ocultar jogador ou selecione Ocultar todos os outros para ocultar todos os outros jogadores.

Exportar informações do player de mídia

1. Clique com o botão direito do mouse em um dos players de mídia.
2. Selecione Salvar informações do jogador para fazer o download delas no formato JSON.