如何在html5中添加背景音乐到视频?

问题描述:

我已经有视频正在播放自己的音频。我想为现有的视频添加一些背景音乐。我怎样才能实现HTML5和JavaScript?如何在html5中添加背景音乐到视频?

我应该混合视频和音频数据位,并使用一个视频元素<video></video>播放?

或者

我应该发挥的视频和音频与自己<video></video> and <audio></audio>标签?

+0

你可以分享可执行的演示/片段或[JSFiddle](https://jsfiddle.net/)吗? [_创建一个最小,完整和可验证的示例_](http://stackoverflow.com/help/mcve) – Rayon

+0

混合会更好,否则用户(浏览器)必须先下载音乐和视频文件才能播放它。需要较长的时间来加载媒体。 – FrozenFire

+0

如何在JavaScript中混合使用音频和视频? @FrozenFire –

您应该使用视频编辑器(iMovie,Adobe Premiere等)将音频和现有视频混合在一起,然后使用<video></video>标记将视频添加到您的网站。

有两种情况:

  • 如果您要添加的音频由用户触发的动作,你应该增加它在一个单独的音频标签。
  • 否则,像背景音乐一样,您应该将音轨添加到视频中,这样可以节省带宽。