如何使用 JavaScript 提高音频加载速度？

Question

我创建了使用 JavaScript 播放 .mp3 文件的代码。但是该文件在 Android 上播放需要很长时间。单击文本图像后，我想快速播放声音。如何提高 Android 上的加载速度？

我的 JavaScript 代码：

if(window.audio) 
{
    audio.pause(); 
}
window.audio = new Audio (audio_path);
window.audio.play();

在这里查看演示 - http://97.74.195.122/gizmo-demo/canvasslidertwo.php

在上面的链接中，点击播放声音的日语单词。

Answer 1

您实际上正面临 this question 中描述的错误。每次更改其 src 属性（无缓存）时，这会使 chrome 浏览器从 Audio Element 重新下载文件。

一种解决方案是使用WebAudioAPI 并将您的音频文件存储在缓冲区中。这样做，您应该能够毫无延迟地调用它们。 您可以查看the accepted answer 以获取有关如何处理的示例。

或者您也可以尝试不要在每次点击时调用 new Audio()，而是从您的页面加载每个音频，并且只在点击时调用他们的 play() 方法。 但我不确定它是否能解决您的问题。