2

我是 html5 的新手，我想使用 ScriptProcessorNode 来生成声音。我的问题是这段代码在 iPhone Safari 中不起作用。但它适用于桌面上的 Safari。

变量上下文；var isPlaying; 变量生成器节点；var isNeedShowAlert;

            function myButtonClick(button) 
        {
            isNeedShowAlert = true;
            if (isPlaying)
            {
                isPlaying = false;
                console.log("Stop!");
                generatorNode.disconnect();
            }
            else
            {
                alert("Play!");
                isPlaying = true;
                console.log("Play!");

                context = new webkitAudioContext();

                generatorNode = context.createJavaScriptNode(2048, 1, 2);
                generatorNode.onaudioprocess = function (e) 
                {
                    console.log("onaudioprocess!");
                    $("body").append("buffering<br/>");
                    var output = e.outputBuffer.getChannelData(0);

                    if (isNeedShowAlert)
                    {
                        isNeedShowAlert = false;
                        console.log("Length "+ output.length);
                        alert("Length "+ output.length);
                    }

                    for (var i = 0; i < output.length; i++)
                    {
                        output[i] = Math.random();
                    }
                }                   
                generatorNode.connect(context.destination);
                alert("Node Connected");
            }
            }

看起来 onaudioprocess 从未调用过。在这里人们写道 ScriptProcessorNode 可以被垃圾收集器销毁，但在我的情况下它是全局变量。我尝试了很多并开始思考，这不是在 iPhone Safari 中使用 ScriptProcessorNode 的方法。有人可以做id吗？

UPD。但是如果我使用 AudioBufferSourceNode，它就可以工作。

bufferNode = context.createBufferSource()
var buffer = context.createBuffer(1, 1024, context.sampleRate)
var  data = buffer.getChannelData(0);

for (var i = 0; i < 1024; i++) 
{
  data[i] = Math.random();
}
bufferNode.buffer = buffer;
bufferNode.loop = true;
bufferNode.connect(context.destination);
bufferNode.noteOn(0);

看起来问题出在 ScriptProcessorNode 及其 onaudioprocess 方法中。

4

2 回答 2

0

我自己找到了答案。需要将源节点添加到 ScriptProcessorNode。像这样的东西。

bufferNode = context.createBufferSource()
var buffer = context.createBuffer(1, 1024, context.sampleRate)
var  data = buffer.getChannelData(0);
for (var i = 0; i < 2048; i++) 
{
  data[i] = 0;
}
bufferNode.buffer = buffer;
bufferNode.loop = true;

generatorNode = context.createJavaScriptNode(2048, 1, 1);
generatorNode.channelCount = 2;
generatorNode.channelCountMode = "max";
generatorNode.channelInterpretation = "speakers";
generatorNode.onaudioprocess = function generateWhiteNoise(e) 
{
   var output = e.outputBuffer.getChannelData(0);
   console.log("onaudioprocess!");
   for (var i = 0; i < output.length; i++)
   {
     output[i] = ( Math.random() * 2 ) - 1;
   }
}
bufferNode.connect(generatorNode);
generatorNode.connect(context.destination);
bufferNode.noteOn(0);

此代码将在 iOS Safari 浏览器中运行。

UPD。更新白噪声生成代码。我不是我的目标，只是将它用于测试，但如果有人使用我的错误代码来产生真正的白噪声，那就不好了。

于 2013-06-14T12:03:41.540 回答
0

在遇到同样的问题后，我在这里尝试了接受的答案，但它对我不起作用。似乎问题在于，当 generatorNode 连接到 context.destination context.state 时，它​​仍然处于挂起状态！并在同一块中添加 context.resume() 无效。添加由按钮单击事件触发的 context.resume() 有效，并且还会触发较早的恢复！这仍然是我喜欢的一种解决方法，但它是一种有效的解决方法。

如果有人对触发 context.resume() 或完全不需要它的更好解决方法有任何建议/想法（就像所有其他浏览器一样），我们将不胜感激。

jsfiddle 示例在这里！

var suspendBtn = document.getElementById("suspendBtn");
var resumeBtn = document.getElementById("resumeBtn");

suspendBtn.onclick = function() {
    context.suspend();
}

resumeBtn.onclick = function() {
    context.resume();
}

var context = new webkitAudioContext();
var generatorNode = context.createJavaScriptNode(2048, 1, 2);

generatorNode.onaudioprocess = function generateWhiteNoise(e) {
    var output = e.outputBuffer.getChannelData(0);

    for (var i = 0; i < output.length; i++) {
        output[i] = ( Math.random() * 2 ) - 1;
    }
}

// This connects the generatorNode but in a suspended state!
generatorNode.connect(context.destination);

// This has no effect! 
// seems that it needs to be called from another context/closure
context.resume();
于 2016-06-13T14:28:06.900 回答