WebAudio: Melihat metrik WebAudio API

Dale St. Marthe
Dale St. Marthe

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 perintah 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 sudut kanan atas, pilih Opsi lainnya > Alat lainnya > WebAudio.

Panel WebAudio di DevTools

Melihat metrik AudioContext

Di 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.
  • Sample Rate (Hz): Frekuensi sampling per detik seperti yang dilaporkan dari AudioContext, yang dikonversi ke hertz.
  • Ukuran Buffer Callback (frame): Ukuran buffer callback audio, yang ditentukan dalam frame sampel, yang disediakan oleh sistem yang mendasarinya.
  • Saluran Output maksimum (ch): Jumlah maksimum saluran audio yang tersedia di perangkat output audio saat ini.

Dan, di status bar di bagian bawah:

  • Waktu Saat Ini: Stempel waktu saat ini dalam detik yang dilaporkan dari AudioContext.
  • Interval Callback (md): Varians rata-rata berbobot waktu antara callback.
  • Kapasitas Render (persen): Persentase yang menunjukkan performa perender audio web berdasarkan anggaran render tertentu.

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