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>
Сизнинг браузерингиз HTML5 даги audio ни қўллаб-қувватламайди.
</audio>
Мисол . Саҳифадаги source теги билан плеер
Энди audio теги учун src атрибути ўрнига
source тегини қўшайлик:
<audio controls>
<source src="track.mp3">
Сизнинг браузерингиз HTML5 даги audio ни қўллаб-қувватламайди.
</audio>
