English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Основной учебник HTML5

API HTML5

Медиа HTML5

Графика HTML5

Audio в HTML5

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

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

До сих пор не существует стандартов для воспроизведения аудио на веб-страницах.

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

HTML5 определяет стандарт для внедрения аудиоэлементов на веб-страницах, то есть использование элемента audio.

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

Internet Explorer 9+, Firefox, Opera, Chrome и Safari поддерживают элемент audio.

Внимание: Internet Explorer 8 и более ранние версии IE не поддерживают элемент audio.

HTML5 Audio - как это работает

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

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Основной учебник (oldtoolbag.com)</title>　
</head>
<body>
<audio controls>
　　<source src="horse.ogg" type="audio/ogg">
　　<source src="horse.mp3" type="audio/mpeg">
Ваш браузер не поддерживает элемент audio.
</audio>
</body>
</html>
Проверьте, как это работает.

пroperty для добавления контролей воспроизведения, паузы и управления объемом.

В之间你需要插入浏览器不支持的<audio>元素的提示文本。

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

Форматы аудио и поддержка браузерами

В настоящее время, элемент <audio> поддерживает три формата аудиофайлов: MP3, Wav и Ogg:

БраузерMP3WavOgg
Internet Explorer 9+ДАНЕТНЕТ
Chrome 6+ДАДАДА
Firefox 3.6+ДАДАДА
Safari 5+ДАДАНЕТ
Opera 10+ДАДАДА

MIME-типы форматов аудио

ФорматMIME-type
MP3audio/mpeg
Oggaudio/ogg
Wavaudio/wav

Тег Audio в HTML5

ТегОписание
<audio>Определяет контент звука
<source>Определяет multimedia ресурсы, может быть несколько, в <video> и Использование тега <audio>
Элементы форм HTML5Video в HTML5