HTML 5 audio – музыкальный поток на сайте

Теги <audio> </audio>

HTML теги <audio> </audio> определяют фоновый звук, музыку или другой аудио поток на сайте:

<!DOCTYPE HTML>

          <html>

          <head>

          <title>Audio player в html: музыкальный поток на сайте</title>

          </head>

          <body>

          <audio src="music.ogg" controls="controls">

          Ваш браузер не поддерживает теги <audio> </audio>! Обновите версию браузера!

          </audio>

          </body>

          </html>

Результат: музыка на сайте

Атрибуты и значения

Флажок autoplay="autoplay" – определяет воспроизведение музыкального файла сразу же после загрузки страницы.
Флажок autobuffer="autobuffer" – используется в паре с autoplay="autoplay" – определяет воспроизведение музыкального файла уже в момент загрузки страницы.
Флажок controls="controls" – показывает панель управления плеером.
src="url" – источник звукового файла.

Строка: Ваш браузер не поддерживает теги <audio> </audio>! Обновите версию браузера! – будет показана если версия браузера пользователя не слишком новая.

Как вы видите, файл должен быть с расширением .ogg.

HTML теги <audio> </audio> впервые представлены в спецификации HTML 5.

В дополнение смотрите урок фоновый (audio html) звук.

А Б В Г Д Е Ж З И К Л М Н О П С

Автор проекта - Вася Митин | Дата публикации: Февраль 2010 | Обновление: Ноябрь 2018

HTML 5 теги HTML <audio> </audio> Теги <b> </b>