Как веб-страница может воспроизводить mp3 на iPhone / iPad?

Question

Насколько нам известно, веб-страницы воспроизводят звуки mp3, встраивая невидимые Flash-плееры. Поскольку Flash недоступен в мобильном веб-комплекте (iphone / ipad), как можно воспроизводить mp3 на этой платформе?

Answer 1

HTML5 поддерживает эти 2 тега ( audio / video ), которые поддерживает Safari:

В вашем случае вы можете использовать звуковую метку.

<audio src="horse.ogg" controls="controls">
  your browser doesn't support HTML5 audio
</audio>

Единственный улов - правильный формат для ваших медиа. : -)

Safari поддерживает MP3 для аудио и MPEG 4 для видео ... Firefox поддерживает OGG для аудио / видео (я считаю, что Opera тоже), а Chrome поддерживает оба.

Answer 2

Более подробную информацию о поддерживаемых форматах файлов в HTML5 можно найти здесь:
http://www.html5laboratory.com/playing-with-audio-files.php

Это ссылка на действительно полезную страницу, позволяющую вам проверить поддержку формата в вашем браузере:
http://www.jplayer.org/HTML5.Audio.Support/