HTML5 audio
HTML5 audio — элемент, включённый в проект спецификации HTML 5, который используется для воспроизведения аудиозаписей, частично заменяя элемент <object>. Ранее для воспроизведения айдио-файлов широко использовался Adobe Flash Player, который не поддерживают встроенные браузеры iPad и iPhone от Apple, а также Android версии 2.01 и меньше. Тег HTML5 <audio> позволяет воспроизвести аудио-файл без использования Flash и JavaScript.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| autoplay | autoplay | Указывает, что файл начнет воспроизводится сразу, как только страница будет загружена |
| controls | controls | Показывает панель для управления аудио файлом (такие кнопки, как play/pause и т.д.) |
| loop | loop | Аудио будет проигрываться заново после завершения |
| preload | auto metadata none |
Указывает на то, как по мнению автора должен загружаться аудио-файл auto – файл будет загружен при открытии страницы> metadata – будут загружены только метаданные> none – аудио-файл не будет загружаться |
| src | URL | Адрес к воспроизводимому файлу |
Пример использования <audio>
Ниже приводится фрагмент кода на HTML 5, который позволяет встроить аудио на веб-сайт:
<audio controls="controls"> <source src="song.ogg" type="audio/ogg" /> <source src="song.mp3" type="audio/mp3" /> Your browser does not support the audio tag. </audio>
Поддерживаемые аудио-форматы
Важно помнить, что разные браузеры поддерживают разные кодеки:
Safari 4 – wav, mp3
FireFox 3.5 – ogg, wav
Сhrome 3 – ogg, mp3
Браузерная поддержка
Тег <audio> поддерживается в Internet Explorer 9, Firefox, Opera, Chrome, и в Safari. Примечание: Internet Explorer 8 и более ранние версии, не поддерживают тег <audio>.
Эта статья размещена в Википедии по адресу: HTML5 audio