HTML <audio>

<audio> — veb-sahifaga ovozli faylni joylashtiradigan teg. Musiqa, podkast, ovozli izoh yoki tovush effekti — bularning barchasi <audio> orqali sahifaga qo’shiladi. HTML5’gacha bu uchun maxsus qo’shimchalar kerak edi; endi esa bir teg kifoya.

<audio> — veb-sahifaga ovozli kontentni joylashtiradigan HTML5 tegi. U ijro tugmalari bilan birga ovozni ijro etish imkonini beradi.

Oddiy foydalanish

<audio> tegiga controls atributi qo’shilsa, ijro tugmalari (play, pauza, ovoz) paydo bo’ladi:

<audio controls>
    <source src="musiqa.mp3" type="audio/mpeg">
    Brauzeringiz audio tegini qo'llab-quvvatlamaydi.
</audio>

[Audio pleyer: play | pauza | ovoz balandligi]

<source> — ovoz faylining manzilini va turini bildiradi. Teg orasidagi matn esa faqat brauzer <audio> ni qo’llab-quvvatlamaganda ko’rinadigan zaxira xabar.

<audio> atributlari

Ovoz ijrosini boshqaruvchi asosiy atributlarni jadvalda ko’ramiz:

Bir necha manba

Turli brauzerlar turli ovoz formatlarini qo’llab-quvvatlaydi. Bir necha <source> berib, brauzer o’ziga mosini tanlashiga imkon beramiz:

<audio controls>
    <source src="ovoz.mp3" type="audio/mpeg">
    <source src="ovoz.ogg" type="audio/ogg">
</audio>

[Audio pleyer: brauzer mos formatni tanlaydi]

Brauzer birinchi qo’llab-quvvatlaydigan formatni tanlaydi. Bu barcha foydalanuvchilar uchun ovoz ishlashini ta’minlaydi.

Amaliy eslatma

autoplay atributidan ehtiyot bo’ling: aksariyat zamonaviy brauzerlar ovozning avtomatik ijrosini bloklaydi, chunki u foydalanuvchini bezovta qiladi. Shuning uchun foydalanuvchiga ijroni o’zi boshqarish imkonini beruvchi controls ni ishlatish har doim yaxshi amaliyot. Ovoz faylini sahifa bilan bir papkada saqlash yoki to’g’ri manzilni ko’rsatish ham muhim.

Xulosa

Bu bo’limda <audio> tegini, controls bilan ijro tugmalarini, atributlarni (autoplay, loop) va bir necha <source> bilan format tanlashni ko’rib chiqdik. <audio> — sahifaga ovoz qo’shishning zamonaviy usuli. Keyingi darsda <b> tegiga o’tamiz.