HTML5 elementi ilə veb-səhifələrinizə səs və musiqi əlavə etmək asanlaşdırır. Əslində, ən çətin şey, səs fayllarınızın ən geniş çeşidli brauzerlərdə oynadığına əmin olmaq üçün lazım olan bir çox qaynaq yaratmaqdır.
HTML5-dən istifadə etmənin faydası yalnız bir neçə etiketdən istifadə edərək səsi yerləşdirə bilər. Brauzerlər, sonra bir IMG elementini istifadə edərkən səs görüntüsü kimi göstərəcəklər.
Bir HTML5 Veb səhifəsinə səs əlavə et
Bir HTML redaktoruna , bir səs faylına (tercihen MP3 formatında) və bir səs fayl çeviricəsinə ehtiyac duyacaqsınız.
- Birincisi, bir səs faylına ehtiyacınız var. Faylı yüksək səs keyfiyyətinə malikdir və ən çox brauzerlər tərəfindən dəstəklənir (Android 2.3 +, Chrome 6+, IE 9+, iOS 3+ və Safari 5+).
- Firefox 3.6 + və Opera 10.5 + dəstəyinə əlavə etmək üçün faylınızı Vorbis formatına çevir ( .ogg ). Vorbis.com-da tapılmış bir çeviricidən istifadə edə bilərsiniz. Firefox və Opera dəstəyi almaq üçün MP3-ni WAV fayl formatına ( .wav ) də çevirə bilərsiniz. Dosyanızı təhlükəsizlik üçün yalnız üç növdə göndərməyi məsləhət görürəm, ancaq ən çox ehtiyacınız MP3 və digər növdür.
- Bütün səs fayllarını veb serverinizə yükləyin və onları saxladığınız qovluğa bir qeyd edin. Bir çox dizaynerlər şəkillər kataloqunda saxlaya kimi, yalnız audio faylları üçün alt-kataloqda yerləşdirmək yaxşı bir fikirdir.
- AUDIO elementini səs faylının göstərilməsini istədiyiniz HTML faylına əlavə edin.
- AUDIO elementi daxilində quraşdırdığınız hər audio fayl üçün SOURCE elementlərini yerləşdirin:
-
- AUDIO elementi içərisində olan hər hansı bir HTML AUDIO elementini dəstəkləməyən brauzerlər üçün geri qaytarma kimi istifadə olunacaq. Bəzi HTML əlavə edin. En asan yol, faylları endirdiklərinə imkan vermək üçün HTML əlavə etməkdir, lakin səsi səsləndirmək üçün HTML 4.01 yerləşdirmə üsullarını da istifadə edə bilərsiniz. Burada sadə bir qayıtma:
Brauzeriniz audio səslənməni dəstəkləmir, faylını yükləyin:
- Yapmanız gereken son şey AUDIO elementinizi bağlayır:
- Bitirdiğinizde, HTML belə olmalıdır:
Əlavə məsləhətlər
- HTML5 doctype () istifadə etdiyinizdən əmin olun, belə ki HTML HTML-lərinizi təsdiq edəcək
- Elementinizə əlavə edə biləcək digər variantları görmək üçün elementə aid olan atributları nəzərdən keçirin.
- HTML-i tənzimləməni nəzərə alaraq və autoplay söndürüldüyünü unutmayın. Əlbəttə ki, bunu dəyişə bilərsiniz, amma unutmayın ki, bir çox insanlar avtomatik olaraq başlayan səsləri tapırlar və ən yaxşı şəkildə zəhmət olmasa nəzarət edə bilməyəcəklər və tez-tez bu səhifəni tərk edərlər.