Javascript 从html5视频获取音频
是否可以从HTML5中的mp4或webm视频元素获取音频Javascript 从html5视频获取音频,javascript,html,html5-video,html5-audio,Javascript,Html,Html5 Video,Html5 Audio,是否可以从HTML5中的mp4或webm视频元素获取音频 我试图使用计算音频的FFT,但是,我只有mp4和webm视频。不确定这是否回答了您的问题,但您可以通过Web音频API节点图运行视频的音频。下面的代码可以通过更改增益和滤波器参数来演示。我只在Chrome上测试过这个 <!DOCTYPE html> <meta charset="UTF-8"> <title></title> <body> </body> <
我试图使用计算音频的FFT,但是,我只有mp4和webm视频。不确定这是否回答了您的问题,但您可以通过Web音频API节点图运行视频的音频。下面的代码可以通过更改增益和滤波器参数来演示。我只在Chrome上测试过这个
<!DOCTYPE html>
<meta charset="UTF-8">
<title></title>
<body>
</body>
<script>
var video = document.createElement("video");
video.setAttribute("src", "ourMovie.mov");
video.controls = true;
video.autoplay = true;
document.body.appendChild(video);
var context = new webkitAudioContext();
var gainNode = context.createGain();
gainNode.gain.value = 1; // Change Gain Value to test
filter = context.createBiquadFilter();
filter.type = 2; // Change Filter type to test
filter.frequency.value = 5040; // Change frequency to test
// Wait for window.onload to fire. See crbug.com/112368
window.addEventListener('load', function(e) {
// Our <video> element will be the audio source.
var source = context.createMediaElementSource(video);
source.connect(gainNode);
gainNode.connect(filter);
filter.connect(context.destination);
}, false);
</script>
var video=document.createElement(“视频”);
setAttribute(“src”、“ourMovie.mov”);
video.controls=true;
video.autoplay=true;
文件.正文.附件(视频);
var context=新的webkitAudioContext();
var gainNode=context.createGain();
gainNode.gain.value=1;//更改增益值以进行测试
filter=context.createBiquadFilter();
filter.type=2;//将过滤器类型更改为“测试”
filter.frequency.value=5040;//更改频率以进行测试
//等待window.onload启动。见crbug.com/112368
window.addEventListener('load',函数(e){
//我们的元素将是音频源。
var source=context.createMediaElementSource(视频);
source.connect(gainNode);
连接(过滤器);
filter.connect(context.destination);
},假);
上述代码是此版本的修改版本:
我只是将音频元素替换为视频元素。Webm用作音频源
不知道你可以在视频元素上运行它!谢谢,这正是我想要的!很好的一个,非常有用的帖子不推荐使用webkitAudioContext。请改用“AudioContext”。此外,枚举不再使用。您可以使用类似于“allpass”