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

Jecelyn Yeen

Dale St. Marthe

Use o painel Mídia no Chrome DevTools para conferir informações e depurar os players de mídia por guia do navegador.

Visão geral

O painel Mídia é o local principal nas Ferramentas do desenvolvedor 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 mostra várias propriedades e detalhes.

No painel Mídia, você pode:

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

Abrir o painel "Mídia"

Para abrir o painel Mídia:

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

Conferir informações dos players de mídia

Para conferir 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 você pode encontrar um player de mídia no menu Players.
3. Clique no player. A guia Properties mostra as propriedades do media player.
4. Clique na guia Eventos para conferir todos os eventos do player de mídia.
5. Clique na guia Mensagens para conferir os registros de mensagens do media player. É possível filtrar as mensagens por nível de registro ou string.
6. Na guia Linha do tempo, você pode conferir a reprodução de mídia e o status do buffer ao vivo.

Depuração remota

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

1. Siga estas etapas para configurar a depuração remota.
2. Agora você pode conferir 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.

Você pode 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. Para ocultar o jogador selecionado, selecione Ocultar jogador ou Ocultar todos os outros para ocultar todos os outros jogadores.

Exportar informações do media player

1. Clique com o botão direito do mouse em um dos players de mídia.
2. Selecione Save player info para fazer o download das informações do jogador como JSON.