我正在尝试在html5音频元素中播放来自谷歌翻译的音频文件。我的代码是:
<script>
$("#play_button").click(function(){
$("#memory")[0].play();
});
</script>
<audio id="memory" preload="auto" style="display: none; ">
<source src="http://translate.google.com/translate_tts?tl=en&q=hello">
</audio>
它通常会播放一个说“你好”的声音。这在safari中运行,但不能在google chrome中运行,这是我想要的。
如果我“预加载”一次声音(在另一个选项卡中加载url ),然后在我的页面上再次运行这段代码,它就能工作。可能是因为音频被加载到某个缓存中。(我对此所知不多…)
有没有办法跟踪音频是否已加载,并让浏览器在尝试播放声音之前等待。或者解决方案是将文件下载到服务器,然后通过新文件引用我的音频?
发布于 2011-06-13 00:35:09
浏览器以其在html文件中出现的相同顺序解释html。如果将脚本标记移动到音频标记下方,则应在运行脚本之前加载音频。
https://stackoverflow.com/questions/6323073
复制相似问题