Javascript：MIDI Sequencer应用程序中快速定时器设置超时的替代方案
我正在开发一个包含音序器的Javascript音乐应用程序。对于那些不熟悉的人，MIDI音序器的工作原理与此类似：有一种叫做PPQ：每四分之一音符的脉冲数。每个脉冲称为“滴答声”。它描述了每个季度纸币的“细分”，如分辨率。所以音序器一次播放一个节拍：播放节拍1，等待节拍持续时间，播放节拍2，节拍持续时间，等等 现在，假设我们有一个BPM（每分钟心跳次数）为120，并且PPQ=96（标准）。这意味着每个季度票据的持续时间为500毫秒，每个滴答声的持续时间为5.20833毫秒 我们在Javascript中有哪些计时器选项？ 1） 我们有旧的设置超时。它有几个问题：最小等待时间是4ms。() 它也会受到抖动/时间变化的影响。这是不精确的，而且要求很高，因为回访是在均匀循环中堆积的 2） 除了使用requestAnimationFrame（）之外，还有一种方法可以替代setTimeOut/setInterval。它非常精确，CPU效率高。但是，可以设置的最短时间约为16.7ms（典型60FPS监视器中的帧持续时间） 还有其他选择吗？要精确地安排每2-5毫秒一次的活动？ 注意：在循环中完成的函数，playEventsAtTick（）一点要求都不高，因此执行时间不会超过Tick Duration 谢谢！Javascript：MIDI Sequencer应用程序中快速定时器设置超时的替代方案,javascript,timer,settimeout,midi,requestanimationframe,Javascript,Timer,Settimeout,Midi,Requestanimationframe,我正在开发一个包含音序器的Javascript音乐应用程序。对于那些不熟悉的人，MIDI音序器的工作原理与此类似：有一种叫做PPQ：每四分之一音符的脉冲数。每个脉冲称为“滴答声”。它描述了每个季度纸币的“细分”，如分辨率。所以音序器一次播放一个节拍：播放节拍1，等待节拍持续时间，播放节拍2，节拍持续时间，等等 现在，假设我们有一个BPM（每分钟心跳次数）为120，并且PPQ=96（标准）。这意味着每个季度票据的持续时间为500毫秒，每个滴答声的持续时间为5.20833毫秒 我们在Javascri
Danny Bullo为了在做这种事情时保持理智，你需要在一个专门的线程上进行音频处理。更好的办法是，使用这个工具，让那些长期以来一直在思考这些问题的人来努力提高样本的准确性
另外请查看（仅限chrome）。谢谢nvioli。我知道网络音频API。然而，我认为这在这里没有帮助。 我没有直接触发音频：我在曲目中存储了MIDI事件（或者说只是“事件”）。这些事件随时都会发生。因此，音序器需要循环每个节拍持续时间，以扫描在特定节拍播放的内容 问候,，
Danny Bullo在一个单独的线程（如a）中，可以创建一个无止境的循环。在这个循环中，您所需要做的就是计算两次跳动之间的时间。在时间有效后，您可以向主进程发送消息，执行一些视觉效果、播放声音或任何您想执行的操作 这是一个
类MyWorker{
构造函数（）{
//保持循环运行
this.run=true
//每分钟拍数
此值为0.bpm=120
//最后一拍的时间
this.lastLoopTime=this.ms
}
获取毫秒（）{
返回新日期（）.getTime（）
}
开始（）{
while（this.run）{
//获取当前时间
让我们现在=this.ms
//获取从现在到最后一拍之间经过的时间
让updateLength=now-this.lastLoopTime
//如果时间不够，请从循环开始重新启动
如果（updateLength<（1000*60）/this.bpm）继续；
//上次更新已过足够的时间
this.lastLoopTime=现在
//在这里进行任何您想要的处理
//将消息发送回主线程
postMessage（{msg:'beat'，time:now}）
}
}
}
新建MyWorker（）.start（）
<!DOCTYPE html>
<html lang="en">
<head>
<script>
// Start the worker
var myWorker = new Worker('worker.js')
// Listen for messages from the worker
myWorker.onmessage = function (e) {
var msg = e.data
switch (msg.msg) {
// If the message is a `beat` message, flash the square
case 'beat':
let div = document.querySelector('div')
div.classList.add('red')
setTimeout(() => div.classList.remove('red'), 100)
break;
}
}
</script>
<style>
div { width: 100px; height: 100px; border: solid 1px; }
.red { background: red; }
</style>
</head>
<body>
<div></div>
</body>
</html>
//启动工人
var myWorker=new Worker（'Worker.js'）
//侦听来自工作人员的消息
myWorker.onmessage=函数（e）{
var msg=e.data
开关（msg.msg）{
//如果消息是“beat”消息，则闪烁方块
“节拍”一案：
设div=document.querySelector（'div'）
div.classList.add（'red'）
setTimeout（（）=>div.classList.remove（'red'），100）
打破
}
}
div{宽度：100px；高度：100px；边框：实心1px；}
.red{背景：red；}
stop() {
this.run = false;
}
感谢在工作流程中使用无休止的
whilebpmppqstop() {
this.run = false;
}