WebAudio: WebAudio API の指標を表示する

Dale St. Marthe

[WebAudio] パネルを使用して、WebAudio API の指標を表示します。

概要

[WebAudio] パネルには、WebAudio API を使用するウェブサイトの AudioContext パフォーマンス指標が表示されます。

注: Chrome WebAudio チームは、Chrome ウェブストアから DevTools の Web Audio 拡張機能をダウンロードすることをおすすめします。この拡張機能は、ウェブ音声グラフをリアルタイムで可視化します。

WebAudio パネルを開く

[WebAudio] パネルを開くには:

1. DevTools を開きます。
2. 次のキーを押してコマンド メニューを開きます。
   • macOS: Command+Shift+P
   • Windows、Linux、ChromeOS: Ctrl+Shift+P
3. 「WebAudio」と入力し、[Show WebAudio] を選択して Enter キーを押します。DevTools ウィンドウの下部に [WebAudio] パネルが表示されます。

または、右上のmore_vert [その他アイコン] > [その他のツール] > [WebAudio] を選択します。

AudioContext の指標を表示する

[WebAudio] パネルの上部にあるアクションバーで AudioContext を選択すると、次の指標が表示されます。

• 状態: 現在の音声コンテキストの状態を示します。closed、running、suspended のいずれかです。
• サンプルレート（Hz）: AudioContext から報告された 1 秒あたりのサンプリング レート（ヘルツ単位）。
• コールバック バッファサイズ（フレーム）: 基盤となるシステムから提供される、サンプル フレームで指定されるオーディオ コールバック バッファサイズ。
• 最大出力チャンネル（ch）: 現在の音声出力デバイスで使用できる音声チャンネルの最大数。

下部のステータスバーに、次のように表示されます。

• 現在の時刻（秒）: AudioContext から報告された現在のタイムスタンプ（秒単位）。
• コールバック間隔（ミリ秒）: コールバック間の時間の重み付け平均分散。
• レンダリング容量（%）: 特定のレンダリング バジェット内でウェブ オーディオ レンダラがどのように動作しているかを示す割合。

ゴミを回収するには、アクション バーで対応するモップボタンをクリックします。