Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
在网页上同步音频和视频播放
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
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。"],[],[]]