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

HTML Учебник

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

HTML Формы

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

HTML Графика

HTML Canvas HTML SVG

HTML Медиа

HTML Media HTML Video HTML Audio HTML Plug-ins HTML YouTube

HTML APIs

HTML Геолакация HTML Drag/Drop HTML Веб Место хранения HTML Веб Работник HTML SSE

HTML Примеры

HTML Примеры HTML Викторина HTML Упражнения HTML Сертификат HTML Резюме HTML Доступность

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

HTML Список Тегов HTML Атрибуты HTML Глобальные Атрибуты HTML Поддержка Браузера HTML События HTML Цвета HTML Холст HTML Аудио/Видео HTML Типы Документов HTML Кодировка Символов HTML URL Кодировка 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>