Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.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 web音频API Wavesurfer.js_Javascript_Html_Html5 Audio_Web Audio Api - Fatal编程技术网

Javascript 带有过滤器的HTML5 web音频API Wavesurfer.js

Javascript 带有过滤器的HTML5 web音频API Wavesurfer.js,javascript,html,html5-audio,web-audio-api,Javascript,Html,Html5 Audio,Web Audio Api,我可以使用wavesurfer.js播放音频。现在我想添加一些过滤器(高通和低通),以便编辑音频。使用wavesurfer播放器,我可以快进,暂停音频,然后我想在特定部分应用过滤器。基本上,我想控制音频播放,并对其应用过滤器 实现这一点的方法有哪些?您可以通过方法setFilter添加过滤器: var lowpass = wavesurfer.backend.ac.createBiquadFilter(); wavesurfer.backend.setFilter(lowpass); 您可以在

我可以使用wavesurfer.js播放音频。现在我想添加一些过滤器(高通和低通),以便编辑音频。使用wavesurfer播放器,我可以快进,暂停音频,然后我想在特定部分应用过滤器。基本上,我想控制音频播放,并对其应用过滤器


实现这一点的方法有哪些?

您可以通过方法
setFilter
添加过滤器:

var lowpass = wavesurfer.backend.ac.createBiquadFilter();
wavesurfer.backend.setFilter(lowpass);
您可以在播放过程中执行此操作,它将自动重新布线

过滤器节点连接到wavesurfer的增益节点,该节点又连接到最终目的地(扬声器)


顺便说一句,我刚才推过这个。谢谢你强调这个问题

删除了html5画布标签,因为这与画布无关。非常感谢@katspaugh。成功了!!但现在我想有多个过滤器,我喜欢这个wavesurfer.backend.setFilter(higpassfilter);wavesurfer.backend.setFilter(lowpassfilter);但这只需要最后一个过滤器。好吧,你不能将WebAudio源连接到两个不同的输出,你需要将它们链接起来。是的,你是对的。。我尝试了这个高通滤波器。连接(低通滤波器);wavesurfer.backend.setFilter(lowpassfilter);但它不起作用。@pramodtech,它确实起作用了(我可以通过将陷波连接到低通后几乎变聋来判断),然而实际上,将双四阶滤波器链接起来是没有意义的,因为它们彼此的用途相反。