HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

Урок 4 HTML5 Аудио


« Назад Далее »

HTML5 обеспечивает стандарт для воспроизведения аудио.


Аудио в Интернете

Прежде не было единого стандарта для проигрывания аудио в интернете.

Сегодня, большинство аудиотреков проигрываются через плагины (например, flash). Однако, не во всех браузерах установлены одни и те же плагины.

HTML5 Определяет общий способ включения аудио - с помощью элемента audio.

Элемент audio может воспроизводить звуковые файлы, или аудио потоки.


Аудио Форматы

На текущий момент существует 3 основных формата для элемента audio:

Формат IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0
Ogg Vorbis Нет Да Да Да Нет
MP3 Да Нет Нет Да Да
Wav Нет Да Да Да Да


Как Это Работает

Чтобы проиграть аудио файл в HTML5, необходимо добавить следующий код:

<audio src="song.ogg" controls="controls">
</audio>

Атрибут control используется для добавления кнопок управления (play, pause, volume).

Вставьте альтернативный контент между тегами <audio> и </audio> для браузеров, которые не поддерживают элемент audio:

Пример

<audio src="song.ogg" controls="controls">
Ваш браузер не поддерживает элемент audio.
</audio>

Попробуйте сами »

Пример выше использует файл Ogg и будет работать в Firefox, Opera и Chrome.

Чтобы заставить его работать также и в Internet Explorer и Safari, добавьте MP3 аудио файл.

Элемент audio позволяет использовать несколько элементов source. Элементы источники могут указывать на различные аудио файлы. Браузер будет использовать первый пригодный файл:

Пример

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mpeg" />
Ваш браузер не поддерживает элемент audio.
</audio>

Попробуйте сами »


Все <audio> Атрибуты

Атрибут Значение Описание
autoplay autoplay Указывает, что аудио начнет проигрываться, как только будет к этому готово.
controls controls Отображает кнопки управления, такие как play.
loop loop Аудио будет проигрываться циклически
preload preload Указывает, что аудио должно загружаться вместе с загрузкой веб страницы. Игнорируется, если присутствует autoplay.
src адрес url Определяет адрес аудио, которое будет проигрываться





« Назад Далее »
© 2011-2017 Уроки HTML
Рейтинг@Mail.ru