Аудио на веб-странице

Question

Я работаю над проектом, и моя текущая задача - добавить функцию прослушивания аудиофайлов прямо на веб-странице. Какие варианты у меня есть? Все файлы в формате mp3, а страница содержит около 15 аудиофайлов

К сожалению, флэш-плеер выглядит как единственное возможное решение, и я просто надеюсь, что кто-нибудь подскажет, как сделать эту функцию без нее.

Обновление: спасибо за руководство с аудио тегом!

Answer 1

Короткий ответ: звук HTML5 не будет работать во всех браузерах (например, IE6, 7 и 8). Аналогично, Flash-аудио не будет работать в мобильном Safari. Лучшим вариантом для решения промышленного уровня является среда абстрагирования аудио, которая будет использовать либо HTML5, либо аудио на основе Flash на основе браузера клиента. К счастью, существует такая основа, основанная на jQuery, которая называется jPlayer .

Answer 2

Тег <audio>! Обратите внимание, что разные браузеры поддерживают разные решения сжатия. В настоящее время OGG Vorbis является наиболее подходящим форматом для преобразования звука в формат.

Edit: мне кажется, что некоторые браузеры поддерживают OGG, а некоторые браузеры поддерживают MP3. Если вы можете, иметь обе версии доступны и загрузить обе. Затем в разметке есть объявление, которое выглядит так:

<audio controls autobuffer>
    <source src="audio.mp3" />
    <source src="audio.ogg" />
</audio>

Answer 3

Попробуйте тег audio в формате html5

http://www.w3schools.com/html5/tag_audio.asp

http://html5doctor.com/native-audio-in-the-browser/