Question

我正在使用audioContext实现一个简单的钢琴。这些音符在短时间内正常播放，但是当连续长按一个键时，声音会无限播放。请帮助谢谢

function Main() {
    // Create audio (context) container
    var audioCtx = new (AudioContext || webkitAudioContext)();
    var pressed;
    var osc;
    var key;
    // Table of notes with correspending keyboard codes. Frequencies are in hertz.
    var notesByKeyCode = {
        65: { noteName: 'c4', frequency: 261.6, keyName: 'a' },
        83: { noteName: 'd4', frequency: 293.7, keyName: 's' },
        68: { noteName: 'e4', frequency: 329.6, keyName: 'd' },
        70: { noteName: 'f4', frequency: 349.2, keyName: 'f' },
        71: { noteName: 'g4', frequency: 392, keyName: 'g' },
        72: { noteName: 'a4', frequency: 440, keyName: 'h' },
        74: { noteName: 'b4', frequency: 493.9, keyName: 'j' },
        75: { noteName: 'c5', frequency: 523.3, keyName: 'k' },
        76: { noteName: 'd5', frequency: 587.3, keyName: 'l' },
        186: { noteName: 'e5', frequency: 659.3, keyName: ';' }
    };



     function Key(noteName, keyName, frequency) {
            console.log(frequency);
            var keySound = new Sound(frequency);
            return keySound;
        }

        function Sound(frequency) {
            osc = audioCtx.createOscillator(); // Create oscillator node
            pressed = false; // flag to indicate if sound is playing
            osc.frequency.value = frequency;
            osc.type = 'triangle';
            osc.start(0);
        };

        Sound.prototype.play = function() {
            if(!pressed) {
                pressed = true;
                osc.connect(audioCtx.destination);
                console.log('play');
            }
        };

        Sound.prototype.stop = function() {
            osc.disconnect();
            pressed = false;

            console.log('stop');

        };


        var playNote = function(event) {
            var keyCode = event.keyCode;
            key = new Sound(notesByKeyCode[keyCode].frequency);
            console.log(notesByKeyCode[keyCode].frequency);
            key.play();
        };

        var endNote = function(event) {
            console.log(pressed,'endnote');
            var keyCode = event.keyCode;
            key.stop();
        };

        window.addEventListener('keydown', playNote);
        window.addEventListener('keyup', endNote);

    }

    Main();

Answer 1

如果您仍然对答案感兴趣。我想我可以尝试解释这种行为。

如果你打电话给＆＃34; console.log＆＃34;在playNote函数中，如果按住键，您将看到该函数执行多次。我不知道为什么endNote函数不会停止声音（可能＆＃34;键＆＃34;不会删除之前的＆＃34; Sound＆＃34;）。< / p>

作为一种快速解决方案，我修改了代码：

var playNote = function(event) {
    console.log("Function xD")
    if(!pressed) {
        var keyCode = event.keyCode;
        key = new Sound(notesByKeyCode[keyCode].frequency);
        console.log(notesByKeyCode[keyCode].frequency);
        key.play();
    }
};

由于功能＆＃34; playNote＆＃34;我被多次调用，我只是复制你的条件＆＃34; Sound.prototype.play＆＃34;所以要避免重新创建变量＆＃34; key＆＃34;。

至少在Chrome 47中这项工作。

使用audioContext javascript时，注意在长按键上无限播放

1 个答案: