在网页上同步音频和视频播放
bookmark_borderbookmark
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
Web Audio API 可以正确实现 AV 同步。
AudioContext
实例的 outputLatency
属性用于估算音频硬件的输出延迟时间(例如,蓝牙耳机或外部 USB 音频接口的延迟时间)。如果您想执行以下操作,此属性非常有用:
- 将现有音频资料与新录制的资料进行同步。(在音乐制作场景中)
- 同步网络音频输出和其他媒体(例如视频或 MIDI 播放)。
在此 WebCodecs 演示(来源)中,我们使用了 WebCodecs API 将 MediaStream
解码为原始视频和音频数据,然后使用来自 Audio Worklet 的音频数据回放到 HTML <canvas>
元素中。outputLatency
属性可让演示版确定给定音频时间戳何时到达用户耳朵,然后正确绘制视频帧以匹配此时间戳。
亲自尝试一下,使用您最喜爱的蓝牙耳机 (="#") 播放视频,等待小鸟 (🐦?)(见上文),切换复选框 (过滤) 来观察音频播放变化。总输出延迟时间值会实时更新。
AudioContext outputLatency
Wahid Khene 拍摄的 Unspin 中的主打图片。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2022-06-01。
[[["易于理解","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"]],["最后更新时间 (UTC):2022-06-01。"],[],[]]