WebAudio:查看 WebAudio API 指标

Dale St. Marthe
Dale St. Marthe

使用 WebAudio 面板查看 WebAudio API 指标。

概览

WebAudio 面板会显示使用 WebAudio API 的网站的 AudioContext 性能指标。

打开 WebAudio 面板

如需打开 WebAudio 面板,请执行以下操作:

  1. 打开开发者工具
  2. 按以下键打开命令菜单
    • macOS:Command + Shift + P
    • Windows、Linux、ChromeOS:Ctrl+Shift+P 命令菜单
  3. 开始输入 WebAudio,选择 Show WebAudio,然后按 Enter 键。开发者工具会在您的开发者工具窗口底部显示 WebAudio 面板。

或者,在右上角依次选择 more_vert 更多选项 > 更多工具 > WebAudio

开发者工具中的 WebAudio 面板

查看 AudioContext 指标

WebAudio 面板顶部的操作栏中,选择 AudioContext 以查看以下指标:

  • State:指示当前音频上下文的状态。可以是 closedrunningsuspended
  • 采样率 (Hz):根据 AudioContext 报告的每秒采样率,转换为赫兹。
  • 回调缓冲区空间(帧):底层系统提供的音频回调缓冲区空间,在采样帧中指定。
  • 最大输出声道 (ch):当前音频输出设备上可用的音频声道数上限。

此外,在底部的状态栏中执行以下操作:

  • 当前时间(秒):从 AudioContext 报告的当前时间戳(以秒为单位)。
  • 回调间隔(毫秒):回调之间的加权平均时间差。
  • 渲染容量(百分比):以百分比表示网络音频渲染程序在给定渲染预算下的性能。

如要回收垃圾,请点击操作栏中的相应拖地机按钮。