Русский
Русский
English
Теги HTML
Атрибуты тегов
Статистика
Реклама

Тег <audio>

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
10.5
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Полная поддержка
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Краткая информация
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1  
Описание
Добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задается через атрибут src или вложенный тег <source>. Внутри контейнера <audio> можно написать текст, который будет выводиться в браузерах, не работающих с этим тегом.
Список поддерживаемых браузерами кодеков ограничен и приведен в табл. 1.
Кодек Internet Explorer 9 Chrome 6 Opera 10.60 Safari 5 Firefox 3.6
ogg/vorbis
Не поддерживается
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
wav
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
mp3
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
Не поддерживается
AAC
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
Не поддерживается
Табл. 1. Кодеки и браузеры
Для универсального воспроизведения в указанных браузерах аудио кодируют с помощью разных кодеков и добавляют файлы одновременно через тег <source>.
Синтаксис
<audio src="URL"></audio>
<audio>
<source src="URL">
</audio>
Атрибуты
autoplay - Звук начинает играть сразу после загрузки страницы.
controls - Добавляет панель управления к аудиофайлу.
loop - Повторяет воспроизведение звука с начала после его завершения.
preload - Используется для загрузки файла вместе с загрузкой веб-страницы.
src - Указывает путь к воспроизводимому файлу.
Закрывающий тег
Обязателен.
Пример. Использование тега <audio>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta charset=windows-1251">
<title>audio</title>
</head>
<body>
 <p>Yann Tiersen - L'arrivée sur l'ile</p>
 <p>1998 год, альбом Le Phare</p>
 <audio controls="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>

Демонстрация примера
Браузеры
Управление воспроизведением аудио различается между браузерами по своему виду, но основные элементы совпадают. Это кнопка воспроизведения/паузы, длина трека, прошедшее и суммарное время звучания, а также уровень громкости.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Опубликовано: 12.01.2021 02:41:14
0
wwww
Имя
Электронная почта

Последние комментарии

© 2006-2024, heroes-3.ru