HTML5 veb-sahifasiga ovoz qo'shish

HTML5 sizning veb-sahifangizga element bilan ovoz va musiqalarni qo'shishni osonlashtiradi. Aslida, eng qiyin narsa, ovozli fayllaringiz eng keng brauzerlarda ishlashiga ishonch hosil qilish uchun kerak bo'lgan ko'p manbalarni yaratadi.

HTML5-dan foydalanishning foydasi shundaki, siz bir nechta teg yordamida ovozingizni joylashtirishingiz mumkin. Brauzerlar IMG ni ishlatganingizda tasvirni namoyish qilgandek ovozni o'ynaydi.

HTML5 veb-sahifasiga ovoz qo'shish

HTML muharriri , ovozli fayl (kerakli MP3 formatida) va ovozli fayllarni o'zgartiruvchi kerak bo'ladi.

1. Birinchidan, sizga tovushli fayl kerak. Faylni MP3 ( .mp3 ) sifatida yozish juda yaxshi, chunki bu yuqori sifatli ovozga ega va ko'pchilik brauzerlar tomonidan qo'llab-quvvatlanadi (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ va Safari 5+).
2. Faylni Vorbis formatida ( .ogg ) Firefox 3.6+ va Opera 10.5+ qo'llab-quvvatlashiga qo'shing. Siz Vorbis.com da joylashgan konvertorlardan foydalanishingiz mumkin. Bundan tashqari siz MP3ni WAV fayl formatiga ( .wav ) Firefox va Opera qo'llab-quvvatlashini olishingiz mumkin. Men sizning faylingizni uchta turga joylashtirishni maslahat beraman, faqat xavfsizlik uchun, lekin eng kerakli narsa MP3 va boshqa turdagi.
3. Barcha ovozli fayllarni veb-serveringizga yuklang va ularni saqlab qo'ygan katalogga e'tibor bering. Ularni faqatgina audio fayllar uchun pastki katalogga joylashtirish yaxshi bo'ladi, chunki ko'pchilik dizaynerlar tasvirlar katalogidagi rasmlarni saqlaydi.
4. Ovoz fayli tekshiruvlarini namoyish qilishni istagan joyga audio elementni HTML faylingizga qo'shing.
5. AUDIO elementi ichida joylashgan audio fayllar uchun SOURCE elementlarini joylashtiring:

1. AUDIO elementi ichidagi biron bir HTML Audio elementni qo'llab-quvvatlamaydigan brauzerlar uchun qayta tiklash sifatida foydalaniladi. Shunday qilib, ba'zi HTML qo'shing. Eng oson yo'li - ularni faylni yuklab olish uchun HTMLni qo'shishdir, lekin ovozni ijro etish uchun HTML 4.01 embedding usullarini ham ishlatishingiz mumkin. Mana, oddiy bir kuzatish:

   Brauzeringiz audio ijro etishni qo'llab-quvvatlamaydi, faylni yuklab oling:

   1. MP3 ,
   2. Vorbis , WAV
2. Siz bajaradigan so'nggi narsa AUDIO elementingizni yopishdir:
3. Ishingiz tugagach, sizning HTML shunday bo'lishi kerak:
   4. Sizning brauzeringiz audio ijro etishni qo'llab-quvvatlamaydi, faylni yuklab oling:

   5. MP3 ,
   6. Vorbis ,
   7. WAV

Qo'shimcha maslahatlar

1. HTML5 doctype () funktsiyasidan foydalanganingizga ishonch hosil qiling, shunda HTML sizni tekshiradi
2. Elementingizga qo'shiladigan boshqa variantlarni ko'rish uchun element uchun mavjud bo'lgan atributlarni ko'rib chiqing.
3. HTML-ni sozlamalarni tekshirish uchun sozlashni va avtomatik ravishda o'chirilganligini unutmang. Albatta, buni o'zgartirishingiz mumkin, lekin unutmang, albatta, ko'p odamlar avtomatik tarzda boshlanadigan ovozni topadilar va eng yaxshi tarzda bezovtalanish uchun nazorat qila olmaydilar va tez-tez bu sahifani tark etadilar.