Таг audio
Тагът audio управлява възпроизвеждането
на аудиозапис в HTML страница. При
добавянето му в страницата се появява плейър,
който ще има бутони "Назад", "Напред",
"Стоп" и така нататък (видът и броят им зависят
от браузъра). Пътят към файла се задава чрез
атрибута src или вложения таг source.
Тагът source е необходим, за да се задават
пътища към файлове с аудиозапис в различни формати
(тъй като браузърите поддържат различен формат
на аудио, например mp3 или wav).
Ако имате запис в един от форматите,
трябва да я конвертирате и в други.
Вътре в тага audio може да се напише текст,
който ще се извежда в браузъри, които
не поддържат аудио в HTML (това се прави
за да се уведомят потребителите за това).
Ако искате да видите плейър за управление на възпроизвеждането
на аудио - трябва да добавите атрибута controls.
Без него няма да видите нищо - и звук при
това също няма да има. За да има звук при липса на
плейър - добавете атрибута autoplay.
Атрибути
| Атрибут | Описание |
|---|---|
src |
Посочва пътя към аудио файла.
Но е по-добре за това да се използва таг source
(в този случай ще може да се зададе аудио в различни формати).
|
preload |
Използва се за зареждане на аудио файла едновременно със зареждането на страницата на сайта.
Приемани стойности: none (да не се зарежда файла, по подразбиране),
metadata (да се зареди само служебна информация: продължителност на звучането и така нататък),
auto (да се зареди аудио файла изцяло при зареждането на HTML страницата).
|
autoplay |
Звукът започва да се възпроизвежда веднага след зареждането на страницата,
като наличието на атрибута preload ще бъде игнорирано.
Атрибут без стойност. |
controls |
Добавя панел за управление към аудио файла.
като наличието на атрибута preload ще бъде игнорирано.
Атрибут без стойност. |
loop |
Повтаря аудиозаписа в "кръг": след приключване тя започва да се възпроизвежда отново.
като наличието на атрибута preload ще бъде игнорирано.
Атрибут без стойност. По подразбиране (ако атрибутът липсва) записът ще се възпроизведе само 1 път.
|
muted |
Изключва звука в аудиозаписа.
Атрибут без стойност. По подразбиране (ако атрибутът липсва) при записа звукът е включен. |
Пример . Плейър в страницата на сайта
Нека добавим в страницата плейър с аудиозапис.
За онези браузъри, които не поддържат
тага audio е оставен специален запис
за това:
<audio src="track.mp3" controls>
Вашият браузър не поддържа audio в HTML5.
</audio>
Пример . Плейър в страницата на сайта с таг source
А сега нека вместо атрибута src
за тага audio добавим таг source:
<audio controls>
<source src="track.mp3">
Вашият браузър не поддържа audio в HTML5.
</audio>
