一键播放tone.js中的两个音符



我正在开发一款网络游戏,点击一个按钮可以连续播放两个音符。我可以使用上传的音频文件和audio.oned回调来完成。

function playMusic(){
audio.src = music_array[music_counter++];
audio.play();
audio.onended = function(){
playMusic();
};
}

我可以使用上面的代码块来播放整首歌。然而,使用这种方法,我需要事先将所有音频文件上传到html,我认为这不是一个好方法。所以,我研究tone.js也是出于同样的目的,但我不能一个接一个地演奏音符。我试过使用这样的for循环:

music = ["C4;4n", "D4;4n", ...... , "G5;8n"];
for(var i=0; i<range; i++){
parts = music[music_counter++].split(';');
synth.triggerAttackRelease(parts[0], parts[1]);
}

for(var i=0; i<range; i++){
playNote();
}
playNote(){
parts = music[music_counter++].split(';');
synth.triggerAttackRelease(parts[0], parts[1]);
}

运气不佳。我已经查看了他们的文档和其他stackoverflow帖子。我一直没能想出解决办法。有人知道如何做到这一点吗?

我终于找到了做这件事的方法。

var synth = new Tone.Synth().toMaster();
var music = [{"time": 0, "note": "A4", "duration": "16n"},
......
{"time": 23.5, "note": "A4", "duration": "8n"},
{"time": 24, "note": "G4", "duration": "4n"}];
function playMusic(){
var part = new Tone.Part(function(time, note){
//the notes given as the second element in the array
//will be passed in as the second argument
console.log(note);
synth.triggerAttackRelease(note.note, note.duration, time);
}, music).start(0);
Tone.Transport.start();
}

最新更新