Panel de WebAudio

Dale St. Marthe
Dale St. Marthe

Usa el panel WebAudio para ver las métricas de la API de WebAudio.

Descripción general

En el panel WebAudio, se muestran las métricas de rendimiento de AudioContext para los sitios web que usan la API de WebAudio.

Abre el panel de WebAudio

Para abrir el panel de WebAudio, haz lo siguiente:

  1. Abre Herramientas para desarrolladores.
  2. Para abrir el menú Comando, presiona lo siguiente:
    • macOS: Comando + Mayúsculas + P
    • Windows, Linux y ChromeOS: Control + Mayúsculas + P Menú de comandos con
  3. Comienza a escribir WebAudio, selecciona Show WebAudio y presiona Intro. Las Herramientas para desarrolladores muestran el panel de WebAudio en la parte inferior de la ventana de Herramientas para desarrolladores.

De manera alternativa, en la esquina superior derecha, selecciona more_vert Más opciones > Más herramientas > WebAudio.

El panel de WebAudio en Herramientas para desarrolladores

Cómo ver las métricas de AudioContext

En la barra de acciones en la parte superior del panel de WebAudio, selecciona AudioContext para ver las siguientes métricas:

  • State (Estado): Indica el estado del contexto de audio actual. Puede ser closed, running o suspended.
  • Sample Rate (Hz): Es la tasa de muestreo por segundo informada desde AudioContext, convertida a hercios.
  • Callback Buffer Size (marcos): Es el tamaño del búfer de devolución de llamada de audio, especificado en los tramas de muestra, que proporciona el sistema subyacente.
  • Max Output channels (ch): La cantidad máxima de canales de audio disponibles en el dispositivo de salida de audio actual.

Además, en la barra de estado de la parte inferior, haz lo siguiente:

  • Current Time (s): Una marca de tiempo actual en segundos informada desde AudioContext.
  • Intervalo de devolución de llamada (ms): Es la varianza promedio ponderada de tiempo entre devoluciones de llamada.
  • Capacidad de procesamiento (porcentaje): Es un porcentaje que indica el rendimiento del procesador de audio web con un presupuesto de renderización determinado.

Para recolectar elementos no utilizados, haz clic en el botón de trapeador correspondiente en la barra de acciones.