WebAudio: Melihat metrik WebAudio API

Dale St. Marthe
Dale St. Marthe
LinkedIn

Gunakan panel WebAudio untuk melihat metrik WebAudio API.

Ringkasan

Panel WebAudio menampilkan metrik performa AudioContext untuk situs yang menggunakan WebAudio API.

Membuka panel WebAudio

Untuk membuka panel WebAudio:

  1. Buka DevTools.
  2. Buka menu Command dengan menekan:
    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Control+Shift+P Menu Perintah dengan
  3. Mulai ketik WebAudio, pilih Tampilkan WebAudio, lalu tekan Enter. DevTools menampilkan panel WebAudio di bagian bawah jendela DevTools.

Atau, di pojok kanan atas, pilih more_vert Opsi lainnya > Alat lainnya > WebAudio.

Panel WebAudio di DevTools

Melihat metrik AudioContext

Dalam panel tindakan di bagian atas panel WebAudio, pilih AudioContext untuk melihat metrik berikut:

  • Status: Menunjukkan status konteks audio saat ini. Dapat berupa closed, running, atau suspended.
  • Frekuensi Sampel (Hz): Frekuensi sampling per detik seperti yang dilaporkan dari AudioContext, dikonversi ke hertz.
  • Ukuran Buffer Callback (frame): Ukuran buffer callback audio, yang ditentukan dalam frame sampel, yang disediakan oleh sistem pokok.
  • Saluran Output Maksimum (ch): Jumlah maksimum saluran audio yang tersedia di perangkat output audio saat ini.

Dan, pada status bar di bagian bawah:

  • Current Time: Stempel waktu saat ini dalam detik yang dilaporkan dari AudioContext.
  • Callback Interval (md): Varian waktu rata-rata tertimbang antar-callback.
  • Kapasitas Render (persen): Persentase yang menunjukkan performa perender audio web selama anggaran render yang ditentukan.

Untuk mengumpulkan sampah, klik tombol pel yang sesuai di panel tindakan.