如何使用JS合成正弦音频波？

Question

我想尝试使用JavaScript制作合成器，但是找不到有关此操作的任何基本示例。

我从研究中发现，这似乎是可能的，您应该使用Canvas Pixel Array而不是普通的ECMA阵列

我还在MDN Audio中找到了相关信息，尽管我不知道怎么做，但我以前也曾见过网络广播播放器用于连续播放的音频元素。

我的目标是制作一些东西，使我能够合成连续的正弦波，并使用键盘演奏它们， 而无需使用预制样本 。

编辑：以下评论之一为我指明了正确的方向。 我目前正在研究一种解决方案，但是如果您也想发布一个，请随时发表。

Answer 1

这是一个基本示例，任何人都应该可以从中弄清楚如何使用键盘演奏正弦波：

<script type="text/javascript">
    //WARNING: VERY LOUD.  TURN DOWN YOUR SPEAKERS BEFORE TESTING

    // create web audio api context
    var audioCtx = new (window.AudioContext || window.webkitAudioContext)();

    // create Oscillator node
    var oscillator = audioCtx.createOscillator();

    oscillator.type = 'sine';
    oscillator.frequency.value = 750; // value in hertz
    oscillator.connect(audioCtx.destination);
    oscillator.start();

    //uncomment for fun
    // setInterval(changeFreq, 100);

    //choose a random interval from a list of consonant ratios
    var intervals = [1.0, 0.5, 0.3333, 1.5, 1.3333, 2.0, 2.25]
    function changeFreq() {
        var intervalIndex = ~~(Math.random() * intervals.length);
        var noteFreq = oscillator.frequency.value * intervals[intervalIndex];

        //because this is random, make an effort to keep it in comfortable frequency range.
        if(noteFreq > 1600) 
            noteFreq *= 0.5;
        else if(noteFreq < 250) 
            noteFreq *= 2;


        oscillator.frequency.value = noteFreq;
    }
</script>

<body>
<button onclick="changeFreq()">Change Places!</button>
</body>

如何使用JS合成正弦音频波？

问题描述

1 个解决方案

解决方案1
0 已采纳 2016-10-11 21:34:37

如何使用JS合成正弦音频波？

问题描述

1 个解决方案

解决方案1 0 已采纳 2016-10-11 21:34:37

解决方案1
0 已采纳 2016-10-11 21:34:37