从 url、php 下载 mp3

发布于 2024-11-15 11:03:30 字数 574 浏览 5 评论 0原文

我正在尝试在 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 中无效。

如果我“预加载”声音一次（在另一个选项卡中加载网址），然后再次在我的页面上运行此代码，它就会起作用。可能是因为音频被加载到某个缓存中。（我对此不太了解......）

是否有办法跟踪音频是否已加载并让浏览器在尝试播放声音之前等待。或者是将文件下载到服务器然后通过新文件引用我的音频的解决方案？

原文

I'm trying to play an audiofile from google translate in an html5 audio element. My code for this is:

<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>

which normally would play a voice saying "hello". This works i safari but not in google chrome, where I want it to.

If I "preload" the sound once (loading the url in another tab) and then run this code on my page again, it works. Probably because the audio gets loaded into some cache. (I don't know that much about that...)

Is there anyway to track if the audio is loaded and get the browser to wait for that before trying to play the sound. Or is the solution to download the file to the server and then reference my audio by the new file?

分享到QQ

分享到微博