이 WebCodecs 데모 (소스)에서 WebCodecs API는 MediaStream를 원시 동영상 및 오디오 데이터로 디코딩한 다음 Audio Worklet에서 가져온 오디오 데이터와 함께 HTML <canvas> 요소로 재생됩니다. outputLatency 속성을 사용하면 데모가 지정된 오디오 타임스탬프가 사용자의 귀에 도달하는 시점을 확인한 후 이에 맞게 동영상 프레임을 적절하게 그릴 수 있습니다.
직접 사용해 보고 좋아하는 블루투스 헤드셋으로 동영상을 재생하고(⬇) 새가 나타날 때까지 기다린 다음( {9/}️) 체크박스로 전환하여 오디오 재생의 변화를 확인합니다. 총 출력 지연 시간 값은 실시간으로 업데이트됩니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2022-06-01(UTC)"],[],[]]