Javascript 带有过滤器的HTML5 web音频API Wavesurfer.js
我可以使用wavesurfer.js播放音频。现在我想添加一些过滤器(高通和低通),以便编辑音频。使用wavesurfer播放器,我可以快进,暂停音频,然后我想在特定部分应用过滤器。基本上,我想控制音频播放,并对其应用过滤器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); 您可以在
实现这一点的方法有哪些?您可以通过方法
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,它确实起作用了(我可以通过将陷波连接到低通后几乎变聋来判断),然而实际上,将双四阶滤波器链接起来是没有意义的,因为它们彼此的用途相反。