скачать mp3 с url, php

#html #audio #streaming #google-translate

#HTML #Аудио #потоковая передача #google-перевести

Вопрос:

Я пытаюсь воспроизвести аудиофайл из Google Translate в аудиоэлементе 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=enamp;q=hello">
</audio>
  

который обычно воспроизводил бы голос, говорящий «привет». Это работает в safari, но не в Google Chrome, где я этого хочу.

Если я «предварительно загружу» звук один раз (загрузив URL на другой вкладке), а затем снова запущу этот код на своей странице, это сработает. Вероятно, потому, что аудио загружается в некоторый кэш. (Я не так много знаю об этом …)

Есть ли способ отследить, загружен ли звук, и заставить браузер дождаться этого, прежде чем пытаться воспроизвести звук. Или есть решение загрузить файл на сервер, а затем ссылаться на мое аудио с помощью нового файла?

Комментарии:

1. Пожалуйста, попробуйте эти… translate.google.com/translate_tts?tl=enamp;q=hello и translate.google.com/translate_tts?tl=en&q=hello

2. Я не вижу разницы. Оба варианта работают для загрузки в браузере

3. Ваш запрос translate.google.com/translate_tts?tl=enamp;amp ;q=здравствуйте , не работает в Google Chrome. Я пытаюсь сделать это напрямую.

4. моя ссылка не translate.google.com/translate_tts?tl=enamp;amp ;q= привет У меня есть ‘amp;’ в качестве буквы. я не пишу ‘amp;amp;’

5. Я просматривал список кода в вашем вопросе.

Ответ №1:

Браузер интерпретирует html в том же порядке, в каком он отображается в html-файле. Если вы переместите тег script ниже тега audio, он должен загрузить аудио перед запуском скрипта.

Комментарии:

1. к сожалению, не сработало. Кстати, вот мое приложение, gustavstromberg.se/sandbox/html5/localstorage

2. @Gustav: Мне интересно, связано ли это вообще с этой ошибкой Chrome: google.com/support/forum/p/Chrome/… Вы пробовали ссылаться на некоторые локальные файлы, где вы можете управлять именем / информацией id3 / etc.?

3. сейчас в работе, но я посмотрю на эту ошибку позже. Да, я пробовал использовать локальный файл. gustavstromberg.se/sandbox/html5/audio и это работает нормально.