生成正弦波并在浏览器中播放

时间:2016-01-10 18:08:50

标签: javascript html5 audio cross-browser web-audio

我需要一个示例代码:

  1. 生成正弦波(样本数组)然后

  2. 播放

  3. 所有操作都是在浏览器中使用JavaScript中的一些HTML5 API完成的。

    (我正在标记此网络音频,但我并非100%确定它适用)

1 个答案:

答案 0 :(得分:10)

这是如何使用跨浏览器AudioContext在浏览器中播放441 Hertz正弦波音。

window.AudioContext = window.AudioContext || window.webkitAudioContext;

var context = new AudioContext();

function playSound(arr) {
    var buf = new Float32Array(arr.length)
    for (var i = 0; i < arr.length; i++) buf[i] = arr[i]
    var buffer = context.createBuffer(1, buf.length, context.sampleRate)
    buffer.copyToChannel(buf, 0)
    var source = context.createBufferSource();
    source.buffer = buffer;
    source.connect(context.destination);
    source.start(0);
}

function sineWaveAt(sampleNumber, tone) {
    var sampleFreq = context.sampleRate / tone
    return Math.sin(sampleNumber / (sampleFreq / (Math.PI*2)))
}

var arr = [], volume = 0.2, seconds = 0.5, tone = 441

for (var i = 0; i < context.sampleRate * seconds; i++) {
    arr[i] = sineWaveAt(i, tone) * volume
}

playSound(arr)