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

Dale St. Marthe
Dale St. Marthe
LinkedIn

WebAudio API の指標を表示するには、WebAudio パネルを使用します。

概要

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

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] を選択します。

DevTools の WebAudio パネル

AudioContext の指標を表示する

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

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

下部のステータスバーで次の操作を行います。

  • 現在の時刻（秒）: AudioContext からレポートされる現在のタイムスタンプ（秒単位）。
  • コールバック間隔（ミリ秒）: コールバック間の時間の加重平均分散。
  • レンダリング容量（%）: 指定されたレンダリング バジェットにおけるウェブ音声レンダラのパフォーマンスを示す割合。

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