отзывы

Восстановление
пароля

Готово

Назад

Основы программирования
Успеха достигает тот, кто способен на время отодвинуть свои увлечения
Программист - профессия будущего!

<audio>

  • 97

  • 0

  • Нравится

    0

  • Код:414158036156

Добавляет, воспроизводит аудиозапи...
Задайте вопрос продавцу

<audio>

грн. / шт.

Компания: Уроки программирования
Телефон: +38(093)43-03-164
Адрес: Киевская область г. Киев, с. Красное
Оставьте свой номер
<audio>

грн. / шт.

Оставьте свой номер телефона и представитель компании с вами свяжется.

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

Тег <audio>

Описание

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

Список поддерживаемых браузерами кодеков ограничен и приведен в табл. 1.

Табл. 1. Кодеки и браузеры
Кодек Internet Explorer Chrome Opera Safari Firefox
ogg/vorbis  —  +  +  —  +
wav  —  +  +  +  +
mp3  +  +  —  +  —
AAC  +  +  —  +  —

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

Синтаксис

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

Атрибуты

autoplay — Звук начинает играть сразу после загрузки страницы.

controls — Добавляет панель управления к аудиофайлу.

loop — Повторяет воспроизведение звука с начала после его завершения.

preload — Используется для загрузки файла вместе с загрузкой веб-страницы.

src — Указывает путь к воспроизводимому файлу.

Закрывающий тег

Обязателен.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>audio</title>
 </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>

 

 

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

Любой текст между тегами <audio> и </audio> будет отображен в том случае, если тег <audio> не поддерживается браузером.

MIME-типы для аудио форматов
Формат MIME-тип
MP3 audio/mpeg
WAV audio/wav
OGG audio/ogg
Разница между HTML 4.01 и HTML5

Тег <audio> был добавлен в HTML5.

Атрибуты тега <audio>
Атрибут Описание
autoplay Автоматически запускает медиа-файл на воспроизведение
controls Включает элементы управления воспроизведением аудиофайла
loop Включает бесконечный цикл воспроизведения аудиофайла
muted Отключает звук у аудиофайла
preload Определяет, следует ли загружать аудиофайл во время загрузки страницы
src Определяет URL аудиофайла
 
 
 

 

 

 

<!DOCTYPE html>
<html>

   <head>
      <title>HTML audio Tag</title>
   </head>

   <body>
      <p>Click on Play button...</p>
      <p>(Song: Kalimba which is provided as a Sample Music in Windows)</p>
      
      <audio controls>
         <source src = "/html/Kalimba.mp3" type = "audio/mpeg">
      </audio>
   </body>

</html>

 

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

 

Синтаксис

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

Атрибуты

autoplay — Звук начинает играть сразу после загрузки страницы.

controls — Добавляет панель управления к аудиофайлу.

loop — Повторяет воспроизведение звука с начала после его завершения.

preload — Используется для загрузки файла вместе с загрузкой веб-страницы.

src — Указывает путь к воспроизводимому файлу.

Закрывающий тег

Обязателен.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>audio</title>
 </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>

Браузеры

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

Атрибуты

autoplay

Звук начинает играть сразу после загрузки страницы.

controls

Добавляет панель управления к аудиофайлу.

loop

Повторяет воспроизведение звука с начала после его завершения.

preload

Используется для загрузки файла вместе с загрузкой веб-страницы.

src

Указывает путь к воспроизводимому файлу.

Закрывающий тег

Обязателен.

Пример

HTML5IE 8IE 9+CrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>audio</title>
 </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>

Отзывов нет

Публикация отзыва производится после предварительной модерации

Отправить

Случайные статьи