Таг 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>
