设置为 0 时，设置超时延迟为 ~100ms

Question

作为一个个人项目，我正在尝试使用p5.js，Web Midi Api和Web Audio Font重现钢琴卷(如DAW中的钢琴卷(。 在实现 play 函数时，我首先使用 while 循环来执行，但我意识到我无法阻止曲目播放，因为 javascript 是单线程的。所以我尝试用这段代码递归地播放音符：

function playTrackRecursively(id) {
var delay = 0;
isTrackPlaying = true;
playNote(mainTrack[id][0], 0);
if (id < mainTrack.length - 1 && isTrackPlaying){
delay = mainTrack[id + 1][1] - mainTrack[id][1];
recursiveID = setTimeout(function() {
playTrackRecursively(id + 1);
}, delay * 1000);
}
isTrackPlaying = false;
}

它工作正常，除了当我尝试同时演奏多个音符时，它们会以大约 100 毫秒的延迟逐个播放每个音符。

我能做什么？ 谢谢。

Answer 1

我在评论中@user120242的帮助下找到了解决方案。

所以这只是我拥有的两种解决方案之间的混合。 我递归地浏览曲目中的每个时间戳，每次我得到数组中从这里开始的所有音符时，我都会一个接一个地播放它们(它足够快，可以给人一种同时性的错觉(。因此，尽管我读了什么，但这确实是可能的。

这是代码：

function playTrackRecursively(id) {
var delay = 0;
isTrackPlaying = true;
var notesBatch = getNotesOfSameStartTime(mainTrack[id][1]);
playNotesInBatch(notesBatch);
if (id + notesBatch.length < mainTrack.length && isTrackPlaying){
delay = mainTrack[id + notesBatch.length][1] - mainTrack[id][1];
recursiveID = setTimeout(function() {
playTrackRecursively(id + notesBatch.length);
}, delay * 1000);
}
}
function playNotesInBatch(notes) {
for (var i = 0; i < notes.length; i++) {
playNote(notes[i][0], notes[i][1]);
}
}
function getNotesOfSameStartTime(startTime) {
var indexArray = []
for (var i = 0; i < mainTrack.length; i++) {
if (mainTrack[i][1] == startTime) {
indexArray.push(i);
}
}
var batch = mainTrack.slice(indexArray[0], indexArray[indexArray.length - 1] + 1);
return batch;
}