Type audio mpeg html

Внутри контейнера можно написать текст, который будет выводиться в браузерах, не работающих с этим элементом.

Для универсального воспроизведения в браузерах аудио кодируют с помощью разных кодеков и добавляют файлы одновременно через элемент .

Управление воспроизведением аудио различается между браузерами по своему виду, но основные элементы совпадают. Это кнопка воспроизведения/паузы, длина трека, прошедшее и суммарное время звучания, а также уровень громкости.

Изображения и мультимедиа

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

Can I Use audio? Data on support for the audio feature across the major browsers from caniuse.com.

Поддержка MP3 аудио-кодека:

Can I Use mp3? Data on support for the mp3 feature across the major browsers from caniuse.com.

Поддержка WAV аудио-кодека:

Can I Use wav? Data on support for the wav feature across the major browsers from caniuse.com.

Поддержка FLAC аудио-кодека:

Can I Use flac? Data on support for the flac feature across the major browsers from caniuse.com.

Поддержка AAC аудио-кодека:

Can I Use aac? Data on support for the aac feature across the major browsers from caniuse.com.

Поддержка Ogg Vorbis аудио-кодека:

Can I Use ogg-vorbis? Data on support for the ogg-vorbis feature across the major browsers from caniuse.com.

Синтаксис¶

audio src="URL">audio> audio> source src="URL" /> audio> 

Закрывающий тег обязателен.

Атрибуты¶

autoplay Звук начинает играть сразу после загрузки страницы. controls Добавляет панель управления к аудиофайлу. loop Повторяет воспроизведение звука с начала после его завершения. muted Отключает звук при воспроизведении музыки. preload Управляет предварительной загрузкой аудио данных. src Указывает путь к воспроизводимому файлу. volume Громкость воспроизведения, в диапазоне от 0.0 (самая тихая) до 1.0 (самая громкая).

autoplay¶

При наличии этого атрибута аудио начинает воспроизводиться автоматически после загрузки страницы. Атрибут autoplay отменяет действие атрибута preload .

audio autoplay="autoplay">audio> 

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

Значение по умолчанию

По умолчанию этот атрибут выключен.

controls¶

Добавляет панель управления к аудиотреку. Вид панели и её содержимое зависит от браузера и может в себя включать: кнопку воспроизведения, паузы, перемотки, ползунок для изменения уровня громкости и др.

audio controls="controls">audio> 

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

Значение по умолчанию

По умолчанию этот атрибут выключен.

loop¶

Зацикливает воспроизведение аудио, чтобы оно бесконечно повторялось после завершения.

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

Значение по умолчанию

По умолчанию этот атрибут выключен.

muted¶

Отключает звук при воспроизведении музыки.

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

Значение по умолчанию

По умолчанию этот атрибут выключен.

preload¶

Этот перечисляемый аттрибут предназначен для предоставления подсказки браузеру о том, что автор считает лучшим для сайта. Тег может иметь следующие значения

none указывает, что аудио не должно предварительно загружаться metadata указывает, что загрузить нужно только метаданные; auto указывает на то, что весь звуковой файл может быть загружен, даже если пользователь не будет использовать его;

Значение по умолчанию

Если он не указан, это будет определенное браузером значение. Спецификация советует использование аттрибута metadata .

• Аттрибут autoplay имеет приоритет над preload . Если autoplay указан, браузер, должен начать загрузку для воспроизведения.
• Браузер не принуждается спецификацией следовать значению этого аттрибута; это просто подсказка.

src¶

Указывает путь к воспроизводимому аудиофайлу. Для этой же цели также можно использовать элемент .

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Спецификации¶

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

 html> head> meta charset="utf-8" /> title>audiotitle> head> body> p>Александр Клименков - Четырнадцатьp> audio controls> source src="audio/music.ogg" type="audio/ogg; codecs=vorbis" /> source src="audio/music.mp3" type="audio/mpeg" /> Тег audio не поддерживается вашим браузером. a href="audio/music.mp3">Скачайте музыкуa>. audio> body> html> 

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

 audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay > Ваш браузер не поддерживает code>audiocode> элемент. audio> audio src="foo.ogg"> track kind="captions" src="foo.en.vtt" srclang="en" label="English" /> track kind="captions" src="foo.sv.vtt" srclang="sv" label="Svenska" /> audio> 

Аудио элемент с элементом источника:

audio controls="controls"> Ваш браузер не поддерживает code>audiocode> элемент. source src="foo.wav" type="audio/wav" /> audio> 

Источник

HTML Audio

The HTML element is used to play an audio file on a web page.

The HTML Element

To play an audio file in HTML, use the element:

Example

HTML Audio — How It Works

The controls attribute adds audio controls, like play, pause, and volume.

The element allows you to specify alternative audio files which the browser may choose from. The browser will use the first recognized format.

The text between the tags will only be displayed in browsers that do not support the

HTML Autoplay

To start an audio file automatically, use the autoplay attribute:

Example

Note: Chromium browsers do not allow autoplay in most cases. However, muted autoplay is always allowed.

Add muted after autoplay to let your audio file start playing automatically (but muted):

Example

Browser Support

The numbers in the table specify the first browser version that fully supports the element.

HTML Audio Formats

There are three supported audio formats: MP3, WAV, and OGG. The browser support for the different formats is:

HTML Audio — Media Types

HTML Audio — Methods, Properties, and Events

The HTML DOM defines methods, properties, and events for the element.

This allows you to load, play, and pause audios, as well as set duration and volume.

There are also DOM events that can notify you when an audio begins to play, is paused, etc.

For a full DOM reference, go to our HTML Audio/Video DOM Reference.

HTML Audio Tags

Источник