Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
ЯМаркет
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <audio>



Пример

Воспроизведение звукового файла:

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


Определение и использование <audio>

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

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

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

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

Поддержка аудиоформата и браузера

Браузер MP3 WAV OGG
Edge / IE ДА НЕТ НЕТ
Chrome ДА ДА ДА
Firefox ДА ДА ДА
Safari ДА ДА НЕТ
Opera ДА ДА ДА

Совет: Для получения видеофайлов посмотрите на тег <video>.


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

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

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

Атрибуты <audio>

Атрибут Значение Описание
autoplay autoplay Указывает, что звук начнет воспроизводиться, как только он будет готов
controls controls Указывает, что должны отображаться элементы управления звуком (например, кнопка воспроизведения/паузы и т.д.)
loop loop Указывает, что звук будет начинаться снова, каждый раз, когда он будет закончен
muted muted Указывает, что аудиовыход должен быть отключен
preload auto
metadata
none
Указывает, если и как автор считает, что аудио должно быть загружено при загрузке страницы
src URL Указывает URL адрес аудиофайла

Глобальные атрибуты <audio>

Тег <audio> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <audio>

Тег <audio> также поддерживает События атрибутов в HTML.


Связанные страницы <audio>

HTML DOM справочник: HTML Audio/Video DOM Справочник


Настройки CSS по умолчанию <audio>

Нет.