html5 <audio>не играет в Safari IOS

Question

У меня есть mp3, который корректно воспроизводится через тег embed в старых браузерах, но для iPad, когда я пытаюсь воспроизвести тот же самый mp3 через <audio>, он говорит, что фильм не поддерживается. Это проблема типа MIME? Этот метод работает на настольном Safari.

Как мне заставить его играть в Safari под IOS4.3?

Вот мой код:

var audio = document.createElement('audio');  
audio.type = "audio/mpeg";     
audio.src = audioUrl;              
x.appendChild(audio);     
audio.load(); 
audio.play(); 

Answer 1

Начиная с версии 4.x iOS больше не поддерживает автозапуск для аудиообъектов html5.См .: Автозапуск аудиофайлов на iPad с HTML5

edit (2011-10-04): Это касалось того, как был представлен оригинальный фрагмент кода постеров.Если данный код не выполняется через событие, вызванное действием пользователя (f.ex click), звук не будет воспроизводиться.Если у вас есть этот код внутри функции, которая связана с событием нажатия на какую-то кнопку, он должен работать (не проверял).

Answer 2

Проблема в том, что загрузка должна происходить в событии, инициируемом пользователем (нажатие кнопки и т. Д.).Я не уверен, какая это версия iOS, но я подтвердил это в 4.3.5.Я написал немного больше деталей и возможный обходной путь здесь:

Автозапуск аудиофайлов на iPad с HTML5

Редактировать: объяснение Apple: http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html

Так что проблема в iOS 4 +

Answer 3

Я должен что-то добавить к ответу по kinakuta

Я попробовал ссылку в комментарии к ответу Витрина яблок html5 Музыка играет с Firefox 16, Internet Explorer 9, GoogleChrome 22 и Opera, если вы маскируете Opera как firefox.

Но собственное приложение Apple не работает с Apple Safari 5.1.7 на моей машине, потому что на моей машине нет Quicktime.HTML5 Audio не очень хорошо работает с Safari, но есть и другие проблемы с ним.это может быть раздражением во время разработки, если кто-то не хочет, чтобы на компьютере был установлен quicktime.

Answer 4

Обратите внимание, что если вы передаете контент через https, вам необходимо иметь действительный сертификат, иначе он не будет воспроизводиться на устройствах iOS (или в Safari на Mac).Вы не получите ошибку SSL или каких-либо явных сообщений, связанных с SSL - он просто не будет работать на устройствах iOS и Safari для Mac, но будет работать для Chrome и Firefox (например) на Mac.

См. здесь , чтобы получить информацию о том, где проблема была с SSL (как и у меня).