ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML5 Tutorial

HTML HOME HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Blocks HTML Classes HTML Id HTML Iframes HTML JavaScript HTML File Paths HTML Head HTML Layout HTML Responsive HTML Computercode HTML Entities HTML Symbols HTML Charset HTML URL Encode HTML XHTML

HTML Forms

HTML Forms HTML Form Elements HTML Input Types HTML Input Attributes

HTML5

HTML5 Intro HTML5 Support HTML5 New Elements HTML5 Semantics HTML5 Migration HTML5 Style Guide

HTML Graphics

HTML Canvas HTML SVG HTML Google Maps

HTML Media

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

HTML APIs

HTML Geolocation HTML Drag/Drop HTML Web Storage HTML Web Workers HTML SSE

HTML Examples

HTML Examples HTML Accessibility

HTML References

HTML Tag List HTML Attributes HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts

HTML5 Аудио


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

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

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


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

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

Element
<audio> 4.0 9.0 3.5 4.0 10.5

Элемент HTML <Audio>

Чтобы воспроизвести звуковой файл в формате HTML, используйте элемент <audio>:

Пример

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

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

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

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

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



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

В HTML5 есть 3 поддерживаемых аудио форматов: MP3, WAV и OGG.

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

Browser MP3 Wav Ogg
Internet Explorer Да Нет Нет
Chrome Да Да Да
Firefox Да Да Да
Safari Да Да Нет
Opera Да Да Да

Типы аудио-носителей HTML

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

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

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

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

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

Для полной справки по тегам перейдите к нашей справка аудио/видео в формате HTML5.


Теги аудио HTML5

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