Как минимизировать время загрузки аудиотега html5?

Question

Добрый день,

Я пытаюсь создать простой музыкальный проигрыватель с использованием html-аудио-тэга и некоторого javascript.Когда я писал код, он работал нормально, в то время как файлы хранились локально как в Safari (на Imac), так и в Firefox.Затем я загрузил его на свою веб-страницу, чтобы протестировать его в режиме реального времени, и у меня были следующие проблемы:

(1) Safari на Imac занимает около минуты, чтобы загрузить файл и начать воспроизведение (2) Safari на iphone не работает.t автоматически воспроизводить файлы, хотя я использовал атрибут autoplay в коде .... см. код ниже) (3) Firefox просто не воспроизводит его!(хотя он воспроизводился очень хорошо, когда файлы были локальными)

Кажется, что файлы слишком велики .... мои вопросы: (1) есть ли способ сократить время загрузки?и (2) есть идеи, почему автозапуск не работает на iPhone Safari и как его обойти?

Вот код, который я использовал для песен:

<audio autoplay="autoplay" controls="controls">
<source src="../audio/3.ogv" />
<source src="../audio/3.mp3" />
Your browser does not support the audio element.
</audio>

спасибоза вашу помощь

Диего

Answer 1

Я считаю, что вы не можете автоматически воспроизводить на iPhone. Я думаю, что это ограничение введено для предотвращения чрезмерного использования случайных данных. Были некоторые обходные пути для создания поддельного клика, но они, похоже, были исправлены.

Firefox не поддерживает MP3 через HTML5. Файлы ogv - это Ogg Video, а не Audio (ogg), что может быть причиной того, что он не воспроизводится в аудиотэге.

Что касается времени загрузки, лучшим способом было бы максимально сжать файл. Это уменьшит время загрузки.

Answer 2

Из того, что я могу сказать, они не хотят автозапускать HTML-теги на Iphones / Ipads.

Вот ссылка на код, который может вам помочь:Iphone Autoplay.

В нем говорится, что вы можете обойти его с помощью некоторого JavaScript.

Надеюсь, что поможет

Answer 3

Просто наперекосяк ... поскольку HTML 5 синтаксически не основан на XML, вы не назначаете такие атрибуты.

используйте <audio autoplay controls> в качестве вводного тега.