- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在研究网络音频随机振荡器,但在使用 scriptProcessorNode 时遇到了问题。我的算法使用随机游走来确定波形中的动态断点,然后在它们之间进行插值。
随着断点在x轴上的移动,我以为振荡波形的频率会发生变化,但只有过滤效果,而且频率似乎只是由scriptProcessorNode缓冲区大小决定的,它必须是的幂2 在 256 和 16384 之间。
如何更改 scriptProcessorNode 振荡器的频率?
这是我的合成代码:
scriptNode.onaudioprocess = function(audioProcessingEvent) {
walk(); //use random walk to generate new x/y position for each breakpoint
var outputBuffer = audioProcessingEvent.outputBuffer;
var lastPoint = 0;
var index = 0;
// linearly interpolate between the new breakpoint positions
for(var i = 0; i < breakpoint.length-1; i++) {
var y = breakpoint[lastPoint].y;
for(var channel = 0; channel <= 0;channel++) {
var outputData = outputBuffer.getChannelData(channel);
if(i != 0){
if(y >= breakpoint[i].y) {
while(y >= breakpoint[i].y) {
y = (breakpoint[i].m*index)+breakpoint[i].b;// y = m(x)+b
outputData[index] = y;
index++;
}
} else if(y <= breakpoint[i].y) {
while(y <= breakpoint[i].y) {
y = (breakpoint[i].m*index)+breakpoint[i].b;
outputData[index] = y;
index++;
}
}
}
}
lastPoint = i;
}
}
这里是一个工作示例的链接:http://andrewbernste.in/bernie/gendy011.html
这一切都是基于 Iannis Xenakis 的 GENDY 随机合成程序。
谢谢!
最佳答案
我通过在 scriptNode.onaudioprocess
函数之外使用 index
变量将波形写入 scriptNode 缓冲区来解决这个问题。这样,将波形写入缓冲区的频率与缓冲区的大小无关。
这是最终代码:
var index = 0;
var freq = 0.8;
scriptNode.onaudioprocess = function(audioProcessingEvent){
var outputBuffer = audioProcessingEvent.outputBuffer;
var outputData = outputBuffer.getChannelData(0);
for(var j = 0; j < outputData.length;j++){
// linearly interpolate between the new breakpoint positions
// get the interp point by comparing index to the x distance
var lerp = (index - breakpoint[point].x) / (breakpoint[point+1].x - breakpoint[point].x)
y = nx.interp(lerp,breakpoint[point].y,breakpoint[point+1].y);
if(point < breakpoint.length && index >= breakpoint[point+1].x) {
point++;
}
outputData[j] = y;
index+=freq;
if(index >= breakpoint[breakpoint.length-1].x){
index = 0;
point = 0;
walk();
}
}
}
关于javascript - scriptProcessorNode 振荡器频率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30044594/
我正在尝试在 Dart 中创建一个 Web 音频脚本处理器。我注意到这个问题显示使用“javascriptnode”:ScriptProcessorNode 这似乎不存在于当前的 Dart 版本中。有
我正在研究网络音频随机振荡器,但在使用 scriptProcessorNode 时遇到了问题。我的算法使用随机游走来确定波形中的动态断点,然后在它们之间进行插值。 随着断点在x轴上的移动,我以为振荡波
我有以下 javascript 代码: var audio = null; try { window.AudioContext = window.AudioContext || window.
我正在围绕 scriptProcessorNode 振荡器构建类。我已将 onaudioprocess 事件处理程序包装在函数 Gendy.prototype.process 中。我可以从此包装函数中
我目前正在尝试使用 ScriptProcessorNode 动态降低播放速度。这是我迄今为止编写的代码(仅处理左 channel ): let processor = audioContext.cre
ScriptProcessorNode 不适用于 OfflineContext。 它适用于 Chrome、Mozilla Firefox。 它在 Edge 25、Safari 10 中不起作用。 问题
考虑以下代码: http://jsfiddle.net/LVFa6/ 未调用 ScriptProcessorNode EventHandler process。考虑在最后添加processor.con
目前我有以下代码 AudioContext = window.AudioContext || window.webkitAudioContext; context = new AudioContext
function createAudioMeter(audioContext,clipLevel,averaging,clipLag) { var processor = audioConte
这里是一个简单的 jsFiddle 链接,它使用网络音频测量实时输入的响度(它将值作为百分比输出到控制台)。 http://jsfiddle.net/XSnsF/ 我原计划只有一个输入而没有输出,因为
我正在记录来自用户的麦克风输入并进行处理。问题是我使用scriptProcessorNode来处理数据,但是here它说它已被弃用并替换为 AudioWorklet问题是没有明确的方法可以用 Audi
这里是一个简单的 jsFiddle 的链接,它使用网络音频测量实时输入的响度(它将值以百分比形式输出到控制台)。 http://jsfiddle.net/XSnsF/ 我计划只有一个输入,没有输出,因
我正在尝试获取有关麦克风数据的一些实时数据。所以我将一个 ScriptProcessorNode 连接到我的现场音频的输出,如下所示 (coffeescript): audioSource = nav
我是 html5 新手,我想使用 ScriptProcessorNode 来生成声音。我的问题是这个代码在 iPhone safari 中不起作用。但它可以在桌面上的 Safari 中运行。 var
我正在尝试使用 JavaScript 的 WebAudio API 以及其他一些 SO 文章( How to get frequency from fft result? 、 How do I obt
我正在尝试实现一个具有两个输入 channel 和一个输出 channel 的 ScriptProcessorNode。 var source = new Array(2); source[0] =
Web Audio API 规范声明 ScriptProcessorNode.bufferSize 属性值 "will be picked by the implementation if the b
我是一名优秀的程序员,十分优秀!