ウェブでの音声と動画の再生を同期する
bookmark_borderbookmark
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Web Audio API を使用すると、AV 同期を適切に行うことができます。
AudioContext
インスタンスの outputLatency
プロパティは、オーディオ ハードウェアの出力レイテンシ(Bluetooth イヤホンや外部 USB オーディオ インターフェースなど)の推定値を提供します。このプロパティは次のような場合に役立ちます。
- 既存の音声素材と新しく録音された素材を同期します。(音楽制作のシナリオ)
- ウェブ オーディオ出力と他のメディア(動画や MIDI 再生など)を同期します。
この WebCodecs デモ(ソース)では、WebCodecs API を使用して MediaStream
を未加工の動画データと音声データにデコードし、音声ワークレットからの音声データを含む <canvas>
HTML 要素に再生します。outputLatency
プロパティを使用すると、デモで特定の音声タイムスタンプがユーザーの耳に届くタイミングを判断し、それに合わせて動画フレームを適切に描画できます。
実際に試してみて、お気に入りの Bluetooth ヘッドセット(🇨?)で動画を再生し、鳥(YOUTUBE)(上記を参照)を待ち(上記を参照)、チェックボックス(Λ)を切り替えて音声の再生の変化を観察してください。合計出力レイテンシの値はリアルタイムで更新されます。
AudioContext の出力レイテンシ
ヒーロー画像: Wahid Khene、Unsplash より
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2022-06-01 UTC。
[[["わかりやすい","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。"],[],[]]