Как получить mp3-файлы для воспроизведения в браузере iPhone Safari? - PullRequest
Новая
       20

Как получить mp3-файлы для воспроизведения в браузере iPhone Safari?

5 голосов
/ 11 февраля 2010

Как получить аудиофайл MP3 для воспроизведения в iPhone Safari (OS 3.1)?

В настоящее время я генерирую HTML, например 

<a href="file.mp3"><img src="sound.png" alt="Play audio"/></a>

для воспроизведения файла при нажатии на вложенное изображение. Это работает в Safari на OSX, но не на iPhone. Там содержимое файла отображается в виде текста, но при проверке с помощью Live HTTP Headers из Firefox, похоже, это не проблема типа пантомимы.

Я нашел подходы, на которые ссылается здесь . Для этого требуется, чтобы настройка плагинов Safari была на в настройках, поэтому ранее она не работала для меня.

Ответы [ 6 ]

1 голос
/ 14 апреля 2010

Используйте аудио-тег HTML5 с mp3 в нем. http://www.w3schools.com/tags/tag_audio.asp

1 голос
/ 13 апреля 2010

Если вам удастся заставить его работать, он будет воспроизводиться в приложении QuickTime (полный экран).

API звука HTML5 недоступен в текущей версии iPhone OS (3.XX), но в OS 4.XX он будет доступен (по крайней мере, для воспроизведения видео без запуска полноэкранного проигрывателя)

1 голос
/ 11 февраля 2010

Я полагаю, что вам лучше всего вызывать объект QuickTime на вашей веб-странице. Для воспроизведения mp3-файлов лучше всего использовать плейлист Winamp .pls в стиле mimetype audio / x-scpls , который служит указателем для mp3-файлов. Создайте встроенный объект QuickTime вокруг него. Попробуйте документы для быстрого времени:

http://www.apple.com/quicktime/tutorials/embed.html

0 голосов
/ 20 декабря 2011

У меня были проблемы с mp3 в моей локальной системе разработки (Linux / apache2). Я был только яблоком, чтобы воспроизводить файлы .OGG в Firefox (8) и Chrome (15) из локальной файловой системы. Если бы я использовал звуковую метку для ссылки на удаленный файл .MP3 или .OGG, то все бы сработало? Я не уверен, почему это так, и, поскольку большинство моих локальных музыкальных файлов имеют формат MP3, мне потребовалось некоторое время, чтобы понять, что проблема заключалась в формате файла.

0 голосов
/ 07 июля 2010

Как отмечает jottos, iPhone 3.x не поддерживает аудио HTML5. Если вы хотите аудио в ранних версиях iPhone OS, вы должны использовать код Quicktime. Этот пример фактически включает в себя весь плейлист (а не только одну песню). Если вы хотите одну песню, отбросьте параметры qtnext: 

<embed
    src="riding-with-the-king.jpg"
    href="songs/01-riding-with-the-king.mp3"
    artworkdata="riding-with-the-king.jpg"
    type="audio/x-mp3"
    target="myself"
    scale="1"
    controller="false"
    loop="false"
    autoplay="false"
    allowembedtagoverrides="true"
    height="500"
    width="500"
    qtnext1="<songs/02 Ten Long Years.mp3> T<myself> E<controller=true autoplay=true loop=false>" 
    qtnext2="<songs/03 Key to the Highway.mp3> T<myself>" 
    qtnext3="<songs/04 Marry You.mp3> T<myself>" 
    qtnext4="<songs/05 Three O'Clock Blues.mp3> T<myself>"
    qtnext5="<songs/06 Help the Poor.mp3> T<myself>"
    qtnext6="<songs/07 I Wanna Be.mp3> T<myself>"
    qtnext7="<songs/08 Worried Life Blues.mp3> T<myself>"
    qtnext8="<songs/09 Days of Old.mp3> T<myself>"
    qtnext9="<songs/10 When My Heart Beats Like a Hammer.mp3> T<myself>"
    qtnext10="<songs/11 Hold on I'm Coming.mp3> T<myself>"
    qtnext11="<songs/12 Come Rain or Come Shine.mp3> T<myself>"
>
0 голосов
/ 15 мая 2010

Эй, этот простой тег html5 сделает свое дело

<audio src="someUrlToContent" controls="controls"> </audio>

то, что это делает на iPhone, вызывает кнопку воспроизведения, которая при нажатии переходит в режим быстрого на iPad элемент управления воспроизведением будет иметь кнопку воспроизведения / паузы. в обоих случаях управление воспроизведением будет соответствовать Div, в котором они находятся

...