CodeGym /Kurslar /Frontend SELF AZ /Multimedia formatları

Multimedia formatları

Frontend SELF AZ
Səviyyə , Dərs
Mövcuddur

6.1 Audio formatları

Veb-saytlar və tətbiqlər hazırlayarkən müxtəlif brauzerlərin hansı multimedia formatlarını dəstəklədiyini nəzərə almaq vacibdir. Bu məlumatı başa düşmək developerlərə cross-browser dəstək təmin etməyə və istifadəçi təcrübəsini yaxşılaşdırmağa imkan verir. Bu mühazirədə biz müxtəlif audio və video formatlarını, onların xüsusiyyətlərini və populyar brauzerlərdə dəstəyini nəzərdən keçirəcəyik.

Audio formatları

Bir neçə geniş yayılmış audio formatı mövcuddur, hansılar ki, hər birinin öz üstünlükləri və məhdudiyyətləri var. Ən çox istifadə edilən formatlara MP3, OGG, WAV və AAC daxildir.

1. MP3 Formatı (MPEG-1 Audio Layer III)

MP3 — ən populyar audio formatlardan biridir. Fayl ölçüsünü azaltmaq üçün kompressiya (sıxılma) istifadə edir, eyni zamanda səsi qənaətbəxş səviyyədə saxlayır. MP3 əksər brauzer və cihazlar tərəfindən dəstəklənir.

Üstünlüklər:

  • Geniş brauzer dəstəyi
  • Kiçik fayl ölçüsündə yaxşı səs keyfiyyəti

Brauzer dəstəyi:

  • Google Chrome
  • Mozilla Firefox
  • Safari
  • Microsoft Edge
  • Opera
  • Internet Explorer 9 və daha yeni versiyalar

İstifadə nümunəsi:

HTML
    
      <audio src="audiofile.mp3" controls></audio>
    
  

2. OGG Formatı (Ogg Vorbis)

OGG — açıq mənbəli audio formatdır, itki ilə sıxılma təmin edir və yaxşı səs keyfiyyəti təklif edir. MP3-ə alternativ olaraq tez-tez istifadə olunur. OGG müasir brauzerlərin əksəriyyəti tərəfindən dəstəklənir.

Üstünlüklər:

  • Açıq format
  • Yaxşı səs keyfiyyəti

Brauzer dəstəyi:

  • Google Chrome
  • Mozilla Firefox
  • Opera
  • Microsoft Edge
  • Safari (məhdud dəstək)

İstifadə nümunəsi:

HTML
    
      <audio src="audiofile.ogg" controls></audio>
    
  

3. WAV Formatı (Waveform Audio File Format)

WAV — sıxılmadan istifadə edən audio formatdır, yüksək səs keyfiyyəti təmin edir. Ancaq WAV faylları MP3 və OGG ilə müqayisədə daha böyük ölçüyə malikdir, bu da onu vebdə istifadə üçün daha az uyğun edir.

Üstünlüklər:

  • Yüksək səs keyfiyyəti
  • Sıxılma yoxdur (məlumat itkisi yoxdur)

Çatışmazlıqlar:

  • Böyük fayl ölçüsü

Brauzer dəstəyi:

  • Google Chrome
  • Mozilla Firefox
  • Safari
  • Microsoft Edge
  • Opera

İstifadə nümunəsi:

HTML
    
      <audio src="audiofile.wav" controls></audio>
    
  

4. AAC Formatı (Advanced Audio Coding)

AAC — itki ilə sıxılma istifadə edən audio formatdır, axın yayımı və yükləmələr, məsələn iTunes musiqisi üçün tez-tez istifadə olunur. AAC, MP3 ilə müqayisədə eyni bitrate-də daha yaxşı səs keyfiyyəti təmin edir.

Üstünlüklər:

  • MP3 ilə müqayisədə daha kiçik fayl ölçüsündə yüksək səs keyfiyyəti
  • Axın yayım dəstəyi

Brauzer dəstəyi:

  • Google Chrome
  • Safari
  • Microsoft Edge
  • Opera
  • Internet Explorer 9 və daha yeni versiyalar

İstifadə nümunəsi:

HTML
    
      <audio src="audiofile.aac" controls></audio>
    
  

6.2 Video formatları

Veb məzmun üçün istifadə olunan bir neçə məşhur video formatı mövcuddur. Ən çox istifadə olunan formatlara MP4, WebM və OGG daxildir.

1. MP4 formatı (MPEG-4 Part 14)

MP4 — bu, ən populyar video formatlardan biridir. O, əksər brauzer və cihazlar tərəfindən dəstəklənir, bu da onu veb-videolar üçün əla seçim edir. MP4 itkilərlə sıxılmadan istifadə edir və kiçik fayl ölçüsündə yaxşı video keyfiyyəti təmin edir.

Üstünlüklər:

  • Brauzerlər tərəfindən geniş dəstək
  • Kiçik fayl ölçüsündə yaxşı video keyfiyyəti

Brauzer dəstəyi:

  • Google Chrome
  • Mozilla Firefox
  • Safari
  • Microsoft Edge
  • Opera
  • Internet Explorer 9 və daha yeni versiyalar

İstifadə nümunəsi:

HTML
    
      <video src="videofile.mp4" controls></video>
    
  

2. WebM formatı

WebM — bu, internetdə istifadə üçün hazırlanmış açıq video sıxılma formatıdır. WebM yaxşı video keyfiyyəti təmin edir və müasir brauzerlərin çoxu tərəfindən dəstəklənir.

Üstünlüklər:

  • Açıq format
  • Yaxşı video keyfiyyəti

Brauzer dəstəyi:

  • Google Chrome
  • Mozilla Firefox
  • Opera
  • Microsoft Edge
  • Safari (məhdud dəstək)

İstifadə nümunəsi:

HTML
    
      <video src="videofile.webm" controls></video>
    
  

3. OGG formatı (Ogg Theora)

OGG — bu, bir çox brauzer tərəfindən dəstəklənən açıq video formatıdır. Bu format yaxşı video keyfiyyəti təmin edir və çox vaxt MP4 və WebM-ə alternativ olaraq istifadə olunur.

Üstünlüklər:

  • Açıq format
  • Yaxşı video keyfiyyəti

Brauzer dəstəyi:

  • Google Chrome
  • Mozilla Firefox
  • Opera
  • Microsoft Edge
  • Safari (məhdud dəstək)

İstifadə nümunəsi:

HTML
    
      <video src="videofile.ogv" controls></video>
    
  

6. 3 Brauzerlərdə multimedia dəstəyi

Brauzerlərin multimedia dəstək cədvəli

Format Chrome Firefox Safari Edge Opera
MP3
Ogg Vorbis Qismən
WAV
AAC
MP4
WebM Qismən
Ogg Theora Qismən
AVI

Format seçimi üçün tövsiyələr

Veb səhifələr üçün multimedia formatlarını seçərkən bir neçə amili nəzərə almaq vacibdir:

  1. Uyğunluq: müasir brauzerlər və cihazların əksəriyyəti tərəfindən dəstəklənən formatları seçin. Bu, istifadəçilər üçün daha yaxşı təcrübə təqdim edir.
  2. Keyfiyyət və sıxılma: performans üçün fayl ölçüsü ilə keyfiyyət arasında balans vacibdir. MP4 və WebM kimi formatlar səmərəli sıxılma ilə yaxşı keyfiyyət təmin edir.
  3. Lisenziyalaşdırma: bəzi formatların, məsələn, MP3 və MP4, lisenziya məhdudiyyətlərinə diqqət yetirin. Əgər açıq standartlardan istifadə etmək vacibdirsə, Ogg Vorbis və WebM kimi formatları seçin.
  4. Axın yayımı: multimedia axını üçün performans və keyfiyyəti nəzərə almaq lazımdır. MP4 və WebM kimi formatlar səmərəli sıxılma və keyfiyyət sayəsində video axını üçün yaxşı uyğun gəlir.
Şərhlər
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION