WebAudio: WebAudio API 측정항목 보기

Dale St. Marthe
Dale St. Marthe
LinkedIn

WebAudio 패널을 사용해 WebAudio API 측정항목을 확인합니다.

개요

WebAudio 패널에는 WebAudio API를 사용하는 웹사이트의 AudioContext 성능 측정항목이 표시됩니다.

WebAudio 패널 열기

WebAudio 패널을 열려면 다음 단계를 따르세요.

  1. DevTools를 엽니다.
  2. 다음을 눌러 명령어 메뉴를 엽니다.
    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Control+Shift+P 명령어 메뉴
  3. WebAudio을 입력하기 시작하고 WebAudio 표시를 선택한 다음 Enter를 누릅니다. DevTools에서 DevTools 창 하단에 WebAudio 패널을 표시합니다.

또는 오른쪽 상단에서 more_vert 옵션 더보기 > 도구 더보기 > WebAudio를 선택합니다.

DevTools의 WebAudio 패널

AudioContext 측정항목 보기

WebAudio 패널 상단의 작업 표시줄에서 AudioContext를 선택하여 다음의 측정항목을 확인합니다.

  • 상태: 현재 오디오 컨텍스트의 상태를 나타냅니다. closed, running 또는 suspended일 수 있습니다.
  • 샘플링 레이트 (Hz): AudioContext에서 보고된 초당 샘플링 레이트로, 헤르츠로 변환됩니다.
  • 콜백 버퍼 크기 (프레임): 샘플 프레임에 지정된 오디오 콜백 버퍼 크기로, 기본 시스템에서 제공합니다.
  • Max Output channels (최대 출력 채널): 현재 오디오 출력 기기에서 사용할 수 있는 오디오 채널의 최대 개수입니다.

하단의 상태 표시줄에서 다음 단계를 따릅니다.

  • 현재 시간(초): AudioContext에서 보고된 현재 타임스탬프(초)입니다.
  • Callback Interval (밀리초): 콜백 간 가중치가 적용된 평균 시간 편차입니다.
  • 렌더링 용량 (백분율): 주어진 렌더링 예산 대비 웹 오디오 렌더러의 성능을 나타내는 비율입니다.

가비지를 수집하려면 작업 모음에서 해당하는 mop 버튼을 클릭합니다.