我应该如何使用 JavaScript/HTML5 处理繁重的音频负载？

Posted 2023-02-25

【中文标题】我应该如何使用 JavaScript/HTML5 处理繁重的音频负载？

【英文标题】：How should I handle heavy audio load with JavaScript/HTML5?

【发布时间】：2011-12-21 04:05:06

【问题描述】：

我正在构建一个像 this one 这样的小排序器，但想专门使用 html/javascript（即：没有 Flash）。

当您使用上面链接中的小程序时，您会注意到同时和/或快速连续播放多个声音的可能性。我正在使用一组audio 对象来模拟不同的“插槽”或​​通道来实现所需的复音，并且作为一个概念，这似乎可行。我的音频没有出现任何剪辑或剪切。

但是，无论源文件类型/压缩如何，此过程都会很快变得非常耗费资源。随着播放的声音数量的增加，Web 浏览器本身崩溃的情况并不少见。

所以，我想知道：如果有的话，什么是在不阻塞浏览器的情况下促进相当重的音频负载的最佳方法？ 或者，试图让 HTML/JS 工作目的是做傻事？

任何见解都会受到高度赞赏。 Here 是没有声音的版本。

【问题讨论】：

我可以用那个音序器玩几个小时！祝您构建自己的 HTML/JS 顺利。

【参考方案1】：

我不能说我自己，但这里有一些使用新网络音频 api 的例子。 http://chromium.googlecode.com/svn/trunk/samples/audio/index.html 不过，鼓机对我的系统来说很费力。无论如何，我认为您会对链接感兴趣。

【讨论】：

感谢您的链接！我的系统在鼓机上运行良好，我确信这在很大程度上归功于它的编程效率。我遇到的减速也可能是由于为创建视觉效果而进行的 DOM 操作（请参阅上面的第二个链接），但我仍然想知道是否有任何库与 stock API 接口以提高性能。跨度>

好吧，看起来这个问题正在被遗忘。再次感谢您抽出宝贵时间回答，@Chris！