WebAudio: wyświetlanie danych interfejsu WebAudio API

Dale St. Marthe
Dale St. Marthe

Aby wyświetlić dane interfejsu WebAudio API, użyj panelu WebAudio.

Omówienie

Panel WebAudio zawiera dane o wydajności AudioContext w przypadku witryn, które korzystają z interfejsu WebAudio API.

Otwórz panel WebAudio

Aby otworzyć panel WebAudio:

  1. Otwórz Narzędzia deweloperskie.
  2. Otwórz menu Polecenia, naciskając:
    • macOS: Command + Shift + P.
    • Windows, Linux i ChromeOS: Control + Shift + P Menu poleceń z
  3. Zacznij pisać WebAudio, wybierz Pokaż WebAudio i naciśnij Enter. Na dole okna DevTools wyświetli się panel WebAudio.

Możesz też w prawym górnym rogu kliknąć Więcej opcji > Więcej narzędzi > WebAudio.

Panel WebAudio w Narzędziach deweloperskich

Wyświetlanie danych AudioContext

Na pasku działań u góry panelu WebAudio wybierz AudioContext, aby wyświetlić te dane:

  • Stan: wskazuje stan bieżącego kontekstu audio. Może to być closed, running lub suspended.
  • Częstotliwość próbkowania (Hz): częstotliwość próbkowania na sekundę, jaką podaje AudioContext, przeliczona na herce.
  • Rozmiar bufora wywołania zwrotnego (ramki): rozmiar bufora wywołania zwrotnego audio określony w ramkach próbek, podany przez system bazowy.
  • Maksymalna liczba kanałów wyjściowych (ch): maksymalna liczba kanałów audio dostępnych na bieżącym urządzeniu wyjściowym.

Na pasku stanu u dołu ekranu:

  • Bieżący czas (s): bieżąca sygnatura czasowa w sekundach zgłoszona przez AudioContext.
  • Interwał wywołania zwrotnego (ms): średnia ważona odchyleń od średniej czasu między wywołaniami zwrotnymi.
  • Zdolność do renderowania (procent): odsetek określający, jak dobrze webowy procesor audio działa w ramach danego budżetu renderowania.

Aby zebrać śmieci, kliknij odpowiedni przycisk na pasku działań.