Тег HTML5 Audio может поддерживать форматы wav, mp3, ogg, acc, webm и другие, но существует очень важный формат музыкальных файлов MIDI (расширение Mid), который не имеет встроенной поддержки в основных браузерах. Не все браузеры поддерживают MP3 OGG и т.п. Каждый браузер поддерживает разные форматы из-за проблем с авторскими правами.
Совместимость с браузером и аудиоНе все производители браузеров согласны на использование определенного формата аудиофайлов. Что касается изображений, файлы в формате PNG, JPEG или GIF будут загружаться на вашу страницу в любом браузере. К сожалению, это не относится к аудиофайлам. В таблице 1 показаны форматы аудиофайлов, которые можно использовать на веб-страницах, однако не все форматы доступны во всех браузерах. Например, браузеры Chrome, Internet Explorer 9 (IE9) и Safari не поддерживают файлы WAV — устаревший стандарт, использующий несжатый формат.
Совместимость браузера HTML5 и аудиоформата| аудиоформат | Хром | Firefox | IE9 | Опера | Сафари |
| ОГГ | поддерживать | поддерживать | поддерживать | Не поддерживается | Не поддерживается |
| МП3 | поддерживать | Не поддерживается | поддерживать | Не поддерживается | поддерживать |
| WAV | Не поддерживается | поддерживать | Не поддерживается | поддерживать | Не поддерживается |
Отсутствие общего формата файлов, который использует каждый браузер, означает, что по крайней мере 2/5 браузеров не смогут воспроизводить определенные звуки. Дело не в непримиримости производителей браузеров и неспособности договориться о едином аудиостандарте, а в юридической и финансовой проблеме, связанной с патентными правами и гонорарами. Формат OGG, не ограниченный патентами на программное обеспечение, призван решить эту проблему раз и навсегда. Однако на момент написания ни Opera, ни Safari не поддерживают OGG. Доступно больше файлов WAV и MP3, чем файлов формата OGG, поэтому производители браузеров, несомненно, приняли это во внимание. MP3 как стандарт де-факто — отличное решение.
Решение. Используйте три типа файлов и тег <audio>.Учитывая текущее положение дел, вы можете подумать, что еще не лучшее время для использования аудио на страницах HTML5. В некотором смысле это может быть правдой, но HTML5 предоставляет решение, позволяющее вашему любимому браузеру найти совместимый формат.
При использовании в сочетании с тегом <audio> тег <source> может быть вложен в контейнер <audio>. Допустим, вы поклонник Вагнера и хотите послушать его оперу «Полет валькирий» на странице HTML5. Во-первых, вам нужно получить музыку в трех типах файлов: OGG, MP3 и WAV. Поместите эти музыкальные файлы в ту же папку, что и файлы HTML5. Затем поместите каждое имя файла в отдельный тег <source>, и все теги источника в аудиоконтейнере состоят из <audio></audio>, как показано ниже.
<элементы управления звуком> <source src=http://demo.mimvp.com/html5/take_you_fly.ogg /> <source src=http://demo.mimvp.com/html5/take_you_fly.mp3″ /> <source src =http://demo.mimvp.com/html5/take_you_fly.wav /></audio>
Независимо от того, какой браузер использует ваш посетитель, он автоматически выберет первый тип файла, который он прочитает, и воспроизведет для вас звук.
Подвести итогВышеупомянутое решение для поддержки аудиоформата в HTML5, представленное редактором. Надеюсь, оно будет вам полезно. Если у вас есть какие-либо вопросы, оставьте мне сообщение, и редактор ответит вам вовремя. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!