如何使用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 中描述的错误。这使得chrome浏览器每次更改其src属性（no-caching）时都会重新下载音频元素中的文件。

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

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