如何将音频混合到html5视频？
如何将音频混合到html5视频？
提问于 2013-11-26 05:22:37
我有一个video元素，例如
<video controls>
<source src="foo.ogg" type="video/ogg">
<source src="foo.mp4" type="video/mp4">
Your browser does not support the <code>video</code> element.
</video>我需要混入一个音频文件，这样当用户开始播放视频时，音频文件将与视频一起播放，而当电影停止/倒带时，音频也会执行同样的操作。我在HTML5视频/音频应用程序接口中找不到任何允许我这样做的功能。有人知道这是否可能吗？
我想我可以在页面上有两个单独的元素，一个用于视频，另一个用于音频，并通过一个脚本来控制它们，该脚本拦截来自视频播放器的事件，但我想也许有一种方法可以使用API来实现这一点？我知道对于音频我可以混合不同的文件，但是我能对视频做同样的事情吗？
Stack Overflow用户
发布于 2013-11-26 05:26:42
我不是很擅长这个。但这些代码对我很有用，也应该对你有用。
<!DOCTYPE>
<meta charset="UTF-8">
<title> audio video</title>
<audio id="audioInHTML" controls="controls">
<source src="audio.wav" type="audio/wav"/>
</audio>
</div>
<video id="videoInHTML" width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
</video>
<div id="playButtonDiv" </div>
<form>
<input type="button" value="PlaySoundAndVideo" onClick="PlaySoundAndVideo('videoInHTML'),PlaySoundAndVideo('audioInHTML')">
</div>
<script>
function PlaySoundAndVideo(soundObj,videoObj) {
var soundAndVideo=document.getElementById(soundObj,videoObj);
soundAndVideo.play();
}
</script>
<style type="text/css">
#playButtonDiv {
position:absolute;
top:800px;
};
</style>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20203604
复制相关文章
相似问题
腾讯云开发者
