САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ
×

HTML5 Учебник

HTML Главная HTML Введение HTML Редакторы HTML Основные HTML Элементы HTML Атрибуты HTML Заголовки HTML Параграфы HTML Стили HTML Форматирование HTML Цитирование HTML Комментарии HTML Цвета HTML c CSS HTML Ссылки HTML Изображения HTML Таблицы HTML Списки HTML Блоки HTML Классы HTML Идентификаторы HTML Фреймы HTML JavaScript HTML Путь к Файлу HTML Глава HTML Макет HTML Адаптивный HTML Компьютерный код HTML Объекты HTML Символы HTML Кодировка HTML URL Кодирование HTML XHTML

HTML Формы

HTML Формы HTML Элементы формы HTML Тип ввода HTML Атрибуты ввода

HTML5

HTML5 Введение HTML5 Поддержка HTML5 Новые Элементы HTML5 Семантика HTML5 Миграция HTML5 Синтасис

HTML Графика

HTML Canvas HTML SVG HTML Google Карта

HTML Медиа

HTML Медиа HTML Видео HTML Аудио HTML Объекты HTML YouTube

HTML API

HTML Геолокация HTML Перетаскивание HTML Веб Хранилище HTML Веб Работник HTML СОС

HTML Примеры

HTML Примеры HTML Викторина HTML Упражнения HTML Сертификат HTML Заключение HTML Возможности

HTML Справочники

HTML Список Тегов HTML Атрибуты HTML Глобальные HTML События HTML Цвета HTML Холст HTML Аудио/Видео HTML Декларации HTML Набор Кодировок HTML URL Код HTML Коды языка HTML Коды стран HTTP Сообщения HTTP Методы Ковертер PX в EM Клавишные комбинации

HTML Аудио



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

До HTML5 аудиофайлы можно было воспроизводить только в браузере с подключаемым модулем (например: flash).

Элемент <audio> HTML5 задает стандартный способ встраивания аудио в веб страницу.


Поддержка браузеров

Числа в таблице указывают первую версию браузера, которая полностью поддерживает элемент <audio>.

Элемент
<audio> 4.0 9.0 3.5 4.0 10.5

Элемент <audio> HTML

Для воспроизведения аудиофайла в формате HTML используйте элемент <audio>:

Пример

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

Аудио HTML - Как это работает?

Атрибут controls добавляет элементы управления звуком, такие как воспроизведение, пауза и громкость.

Элемент <source> позволяет указать альтернативные аудиофайлы, которые браузер может выбрать. Браузер будет использовать первый распознанный Формат.

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


Аудио HTML - Поддержка браузеров

HTML5 поддерживаются 3 аудио формата: MP3, Wav и Ogg.

Поддержка браузером различных форматов:

Браузер MP3 Wav Ogg
Internet Explorer Да Нет Нет
Chrome Да Да Да
Firefox Да Да Да
Safari Да Да Нет
Opera Да Да Да

Аудио HTML - Тип носителя

Формат файла Тип носителя
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

Аудио HTML - Методы, свойства и события

HTML5 определяет методы, свойства и события DOM для элемента <audio>.

Это позволяет загружать, воспроизводить и приостанавливать аудио, а также устанавливать продолжительность и громкость.

Есть также события DOM , что может сообщить Вам, когда звук начинает проигрывать, паузы и т. д.

Для полной справки DOM, перейдите на наш Справочник Audio/Video DOM HTML5.


Тег audio HTML5

Тег Описание
<audio> Определяет звуковое содержание
<source> Определяет несколько ресурсов мультимедиа для элементов мультимедиа, таких как <video> и <audio>