网络音频Api:我如何添加一个工作卷积器
Web Audio Api : How do I add a working convolver?
我正在尝试学习/做什么:如何使用脉冲响应在下面的代码沙箱中设置一个简单的工作卷积器(reverb)。我原以为这类似于设置过滤器,但情况似乎大不相同。
我尝试过的:与所有新技术一样,事物变化很快,很难知道哪些实现是正确的,哪些不是。我看了无数的WebAudio Api Convolver教程,很多都是旧的,其他的都在工作,但太"臃肿"了,很难理解发生了什么。我试图实现mozilla文档中的一些示例:
我已经看过了:https://developer.mozilla.org/en-US/docs/Web/API/ConvolverNode/buffer
我的问题:如何在下面的上下文中正确集成卷积器?正如你所看到的,我试过了,但想不通。
window.addEventListener('load', init, false);
function init() {
setupWebAudio();
}
function setupWebAudio() {
var audio = document.getElementById('music');
var context = new AudioContext();
var source = context.createMediaElementSource(audio);
var filter = context.createBiquadFilter();
var convolver = context.createConvolver();
var inpulseRes = "hall.mp3";
var hallBuffer = inpulseRes;
soundSource = context.createBufferSource();
soundSource.buffer = hallBuffer;
convolver.buffer = hallBuffer;
filter.type = 'lowpass';
filter.frequency.value = 400;
var theParent = document.getElementById("test");
theParent.addEventListener("mousedown", doSomething, false);
function doSomething(e) {
if (e.target !== e.currentTarget) {
if(e.target == theParent.children[0]){
filter.frequency.value += 200;
}
else if(e.target == theParent.children[1]){
filter.frequency.value -= 200;
}
else if(e.target == theParent.children[2]){
filter.type = 'highpass';
}
}
e.stopPropagation();
}
source.connect(filter);
source.connect(convolver);
filter.connect(context.destination);
audio.play();
}
这是一个非常开放的问题;你试过什么都没用,或者你错过的部分是"冲动反应"应该是什么?如果是后者,搜索"脉冲响应文件",你会发现大量可以使用的免费文件。你也可以在对数衰减曲线上生成噪音到缓冲区,你会得到一个基本的混响效果。创建脉冲响应缓冲区的基本方法:
function impulseResponse( duration, decay, reverse ) {
var sampleRate = audioContext.sampleRate;
var length = sampleRate * duration;
var impulse = audioContext.createBuffer(2, length, sampleRate);
var impulseL = impulse.getChannelData(0);
var impulseR = impulse.getChannelData(1);
if (!decay)
decay = 2.0;
for (var i = 0; i < length; i++){
var n = reverse ? length - i : i;
impulseL[i] = (Math.random() * 2 - 1) * Math.pow(1 - n / length, decay);
impulseR[i] = (Math.random() * 2 - 1) * Math.pow(1 - n / length, decay);
}
return impulse;
}
您的代码有一个BufferSourceNode和卷积器指向同一个缓冲区,这几乎肯定是错误的;您通常不会使用buffersource播放脉冲响应文件,也不会使用普通声音文件作为脉冲响应。(如果脉冲响应的作用不清楚,可以在维基百科上查找卷积。)你需要做一些类似的事情:
function setupWebAudio() {
var audio = document.getElementById('music');
var context = new AudioContext();
var source = context.createMediaElementSource(audio);
var convolver = context.createConvolver();
var irRRequest = new XMLHttpRequest();
irRRequest.open("GET", "hall.mp3", true);
irRRequest.responseType = "arraybuffer";
irRRequest.onload = function() {
context.decodeAudioData( irRRequest.response,
function(buffer) { convolver.buffer = buffer; } );
}
irRRequest.send();
// note the above is async; when the buffer is loaded, it will take effect, but in the meantime, the sound will be unaffected.
source.connect( convolver );
convolver.connect( context.destination );
}
将卷积器的输出连接到某个对象。现在,源连接到卷积器,但卷积器没有连接到任何东西。作为第一次切割,convolver.connect(context.destination)
。
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- jQuery:循环一个具有不同超时值的循环
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 从javascript创建一个列表
- 节点导出返回一个空对象
- 使用clickToggle并在单击另一个元素时关闭元素
- 我可以在json对象中添加一个函数吗
- 使用javascript将动态表从一个html页面打印到另一个html页
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 表追加而不附加最后一个元素
- 我如何找到一个句子中的所有空格并替换忽略它们
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 实现具有快速更新脉冲响应的卷积混响
- 使用 ImageJ 在大型集群上编写具有多个时间点的并行迭代反卷积脚本
- 网络音频Api:我如何添加一个工作卷积器
- 网络音频卷积在firefox中不起作用
- 在ng重复后添加新行的非卷积方法
- Web音频API卷积器似乎不输出零
- Javascript画布+卷积矩阵.条件条件总是为真
- 就地卷积滤波器的正确性