HTML audio
HTML <audio> elementi veb-sahifada audio faylni
pley qilish uchun ishlatiladi.
HTML <audio> elementi
HTML da audio faylni pley qilish uchun <audio> elementidan foydalaning:
Misol
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
O‘zingiz sinab ko‘ring »
HTML audio — qanday ishlaydi
controls atributi pley, pauza va ovoz kabi audio boshqaruv elementlarini qo‘shadi.
<source> elementi brauzer tanlashi mumkin bo‘lgan muqobil audio fayllarni belgilash imkonini beradi. Brauzer birinchi tanilgan formatdan foydalanadi.
<audio> va </audio> teglari orasidagi matn faqat <audio> elementini qo‘llab-quvvatlamaydigan brauzerlarda ko‘rsatiladi.
HTML <audio> avtomatik ijrosi
Audio faylni avtomatik boshlash uchun autoplay atributidan foydalaning:
Misol
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
O‘zingiz sinab ko‘ring »
Eslatma: Chromium brauzerlari ko‘p hollarda avtomatik ijro etishga ruxsat bermaydi. Biroq, ovozsiz avtomatik ijro etish doim ruxsat etiladi.
Audio faylingizning avtomatik (lekin ovozsiz) boshlanishi uchun
autoplay dan keyin muted qo‘shing:
Misol
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar <audio> elementini to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini bildiradi.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML audio formatlari
Uchta qo‘llab-quvvatlanadigan audio format mavjud: MP3, WAV va OGG. Turli formatlarni brauzerlar tomonidan qo‘llab-quvvatlanishi:
| Browser | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | YES | YES* | YES* |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
*Edge 79 dan boshlab
HTML audio — media turlari
| File Format | Media Type |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML audio — metodlar, xususiyatlar va hodisalar
HTML DOM <audio> elementi uchun metodlar, xususiyatlar va hodisalarni belgilaydi.
Bu sizga audiolarni yuklash, pley qilish va pauza qilish, shuningdek davomiylik va ovozni sozlash imkonini beradi.
Shuningdek, audio pley qilishni boshlaganda, pauza qilinganda va h.k. da sizni xabardor qiladigan DOM hodisalari ham mavjud.
To‘liq DOM referansi uchun bizning HTML Audio/Video DOM referansimizga murojaat qiling.
HTML audio teglari
| Tag | Tavsif |
|---|---|
| <audio> | Ovozli kontentni belgilaydi |
| <source> | <video> va <audio> kabi media elementlari uchun bir nechta media resurslarini belgilaydi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!