Главная / Верстка / Теги html / audio тег html

audio тег html


12.07.2013 17:113406

Описание

Тег audio в html используется для того чтобы  воспроизводить различные фоновые звуки либо музыку  . С помощью тега <аудио> можно создать и задать необходимые параметры  воспроизведения и манипулирования аудио-ресурсами на сайте.

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

Атрибуты

АТРИБУТ ЗНАЧЕНИЕ ОПИСАНИЕ
autoplay autoplay звук начинает играть сразу после загрузки страницы
controls controls добавляет панель управления к аудиофайлу
loop loop повторяет воспроизведение звука с начала после его завершения
muted muted возможное отключение звука
preload preload используется для загрузки файла вместе с загрузкой веб-страницы
src src указывает путь к воспроизводимому файлу

 

Пример

<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="utf-8">
    <title>
      Тег audio
    </title>
  </head>
  
  <body>

    <audio controls="controls">
      <source src="oops.ogg">
        <source src="oops.mp3">
          Тег audio не поддерживается вашим браузером.
    </audio>

  </body>

</html>

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

1) Например в первом уроке , который называется Воспроизведение музыки на странице - html5 тег audio , описываются варианты простого воспроизведения при нажатии на кнопку плеера , автоматическое воспроизведение при заходе на страницу с показом панели , и автоматическое воспроизведение без показа панели .

 

2) Во втором уроке , под названием Звук при наведении на ссылку - html5 тег audio , описывается механизм воспроизведения звука при наведении на ссылку.

 

3) В третьем уроке , под названием Разный звук при наведении для ссылок в html5 audio , описывается воспроизведение разного звука для разных ссылок в одном меню. Там же вы найдете исходники , которые можно тут же скачать с сервера !


Синтаксис html и наличие закрывающего тега

Синтаксис Закрывающий тег
<audio>...</audio> обязателен

Браузеры поддерживающие <audio>

Element
<audio> 4.0 9.0 3.5 4.0 10.5


Audio , Html , Тег , Тег Audio





«audio тег html» - Похожие страницы

воспроизведение музыки на странице Воспроизведение музыки на странице - html5 тег audio Появление тега audio в html5 дает нам возможность воспроизводить звук , использовать события , делать страницы более "живыми" , добавляя им интерактивности. Это , в свою очередь, обязывает каждого уважающего...

Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям