使用Chromium WebAudio API的纯javascript生成音调

时间:2011-07-28 23:04:43

标签: html5 google-chrome audio chromium web-audio

如何仅使用javascript和Chromium的WebAudio API生成音调(例如纯正弦波)?

我想完成像the Firefox equivalent这样的事情。

Chromium WebAudio演示here似乎都使用预先录制的<audio>元素。

谢谢!

3 个答案:

答案 0 :(得分:20)

Web Audio API具有所谓的振荡器接口,用于生成您正在谈论的音调。他们非常直接地开始......

var context = new webkitAudioContext(),
    //Call function on context
    oscillator = context.createOscillator(); // Oscillator defaults to sine wave

oscillator.connect(context.destination);
oscillator.start();

您可以通过执行以下操作来更改wave的类型:

oscillator.type = 1; // Change to square wave.

或者:

oscillator.type = oscillator.SQUARE;

我已经更详细地写了an article about this very topic,所以这可能对你有用!

答案 1 :(得分:4)

可能不是这些最好的方法,但我使用dsp.js生成不同类型的正弦曲线,然后将它们传递到此演示中的Web Audio API:http://www.htmlfivewow.com/demos/waveform-generator/index.html

答案 2 :(得分:2)

为了生成音频,我认为这个链接会非常有用。 http://0xfe.blogspot.ca/2011/08/generating-tones-with-web-audio-api.html