WebAudio: visualizar métricas da API WebAudio

Dale St. Marthe
Dale St. Marthe

Use o painel WebAudio para conferir as métricas da API WebAudio.

Visão geral

O painel WebAudio mostra as métricas de desempenho do AudioContext para sites que usam a API WebAudio.

Abrir o painel WebAudio

Para abrir o painel WebAudio:

  1. Abra o DevTools.
  2. Abra o menu de comando pressionando:
    • macOS: Command+Shift+P
    • Windows, Linux e ChromeOS: Control+Shift+P Menu de comando com
  3. Comece a digitar WebAudio, selecione Mostrar WebAudio e pressione Enter. As Ferramentas do desenvolvedor mostram o painel WebAudio na parte de baixo da janela.

Como alternativa, no canto superior direito, selecione Mais opções > Mais ferramentas > WebAudio.

Painel WebAudio no DevTools

Conferir as métricas do AudioContext

Na barra de ações na parte de cima do painel WebAudio, selecione o AudioContext para conferir as seguintes métricas:

  • Estado: indica o estado do contexto de áudio atual. Pode ser closed, running ou suspended.
  • Taxa de amostragem (Hz): a taxa de amostragem por segundo informada pelo AudioContext, convertida em Hertz.
  • Tamanho do buffer de callback (frames): o tamanho do buffer de callback de áudio, especificado em frames de amostra, fornecido pelo sistema.
  • Número máximo de canais de saída (ch): o número máximo de canais de áudio disponíveis no dispositivo de saída de áudio atual.

Na barra de status na parte de baixo:

  • Hora atual (s): um carimbo de data/hora atual em segundos informado pelo AudioContext.
  • Intervalo de callback (ms): a variação média ponderada do tempo entre os callbacks.
  • Capacidade de renderização (porcentagem): uma porcentagem que indica o desempenho do renderizador de áudio da Web em um determinado orçamento de renderização.

Para coletar o lixo, clique no botão correspondente na barra de ações.