Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从html5视频获取音频_Javascript_Html_Html5 Video_Html5 Audio - Fatal编程技术网

Javascript 从html5视频获取音频

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> <

是否可以从HTML5中的mp4或webm视频元素获取音频


我试图使用计算音频的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”