Тэг 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>
Прыклад . Плэер на старонцы сайта з тэгам sourse
А цяпер давайце замест атрыбута src
для тэга audio дадзім тэг source:
<audio controls>
<source src="track.mp3">
Ваш браўзер не падтрымлівае audio на HTML5.
</audio>
