Videonuz Neden Hep Kritik Anda Donuyor? Küresel Yayın Akışının Arkasındaki Gizli Gücü Ortaya Çıkarıyoruz: HLS

Şu sahneyi hayal edin:

Koltukta oturmuş, nefesini tutarak Dünya Kupası finalinin penaltı atışlarını izliyorsunuz. Messi koşuyor, ayağını kaldırıyor, vurmaya hazırlanıyor — aniden görüntü donuyor. Ekranın ortasında dönen bir daire beliriyor.

O an televizyonu parçalamak istiyorsunuz, değil mi?

Herkesin yaşadığı kabus: Kritik anda yükleme çemberi

Hepimiz bu çaresizliği yaşadık. Peki o lanet “yükleme çemberi”nin arkasında gerçekte ne olduğunu hiç düşündünüz mü? Bu sadece “kötü internet bağlantısı” değil. Cihazınız, sunucular ve küresel ağ arasında gerçekleşen karmaşık bir bayrak yarışı.

Ve bu yarışın yıldızı, bugün konuşacağımız protokol — HLS (HTTP Live Streaming).

Bu gezegende bir iPhone kullandıysanız, Netflix izlediyseniz, Twitch’e göz attıysanız veya bir web sayfasında herhangi bir video izlediyseniz, farkında olmadan HLS kullandınız. O, yayın akışı dünyasının “havası” — her yerde var, ama neredeyse hiç bilinmiyor.

Bugün sizi HLS’in kara kutusunun içine götüreceğim. Video prensiplerini anlamak isteyen meraklı bir ruh olun ya da kendi yayın platformunu kurmak isteyen bir geliştirici, bu makale sıfırdan başlayan nihai rehberiniz olacak.

HLS Nedir? (Pizza ile Açıklıyoruz)

HLS doğmadan önce (yaklaşık 2009 öncesi), çevrimiçi video izlemek genellikle tüm dosyayı indirmek anlamına geliyordu (dev bir MP4 gibi).

Bu, bir restorana gidip garsonun 50 cm’lik koca bir pizzayı ağzınıza tıkması gibi.

• Sorun 1: Pizza tamamen pişene kadar yemeye başlayamazsınız (indirmeyi bekleme).
• Sorun 2: Yarısında doyarsanız (internet kesilirse), pizzanın geri kalanı boşa gider.
• Sorun 3: Aniden farklı bir lezzet isterseniz (çözünürlük değiştirme), yeni bir büyük pizza sipariş etmeniz gerekir.

HLS, “pizza tıkıştırma”yı “döner sushi”ye dönüştürdü.

Sol: Geleneksel “bütün pizza” indirme modu. Sağ: HLS “döner sushi” yayın akışı modu

HLS’in temel mantığı inanılmaz derecede basit, sadece iki adımdan oluşuyor:

1. Dilimleme (Slicing): Sunucu bir “büyük bıçak” gibi davranarak 2 saatlik bir filmi sayısız 10 saniyelik segmente (genellikle .ts dosyaları) böler.
2. Menü (Playlist): Sunucu, oynatıcıya “İlk dilim burada, ikinci dilim orada, üçüncü dilim…” diyen bir indeks dosyası (.m3u8) oluşturur.

Oynat’a tıkladığınızda, oynatıcınız (tarayıcı) aslında şunu yapıyor:

• Menüyü indir (.m3u8’i al).
• İlk pizza dilimini indir (ilk .ts dosyasını al).
• İlk dilimi ye (videoyu oynat).
• Yerken, gizlice ikinci dilimi al (ön yükleme).

HLS’in bu kadar güçlü olmasının nedeni budur: Devasa bir indirme görevini sayısız küçük HTTP isteğine böler.

HLS’in Arkasındaki Demir Üçgen

Bu sürecin çalışması için mükemmel uyum içinde çalışan üç role ihtiyacımız var:

1. Şef (Sunucu)

Ham videoyu (kamera akışınız veya MP4 dosyası gibi) kodlama ve dilimlemeden sorumludur. Sürekli olarak .ts video segmentleri üretir ve .m3u8 indeksini günceller.

2. Garson (CDN)

Bu, HLS’in en büyük avantajıdır. HLS segmentleri sıradan statik dosyalar olduğundan (resimler veya HTML gibi), dünya çapında herhangi bir standart web sunucusu (Nginx, Apache) ve CDN kullanılarak dağıtılabilirler.

• RTMP (eski protokol) özel kanallar gerektirir ve güvenlik duvarları tarafından kolayca engellenir.
• HLS standart HTTP port 80’i kullanır, normal web taraması gibi, mükemmel geçiş yeteneğiyle.

3. Müşteri (İstemci)

Telefonunuz, bilgisayarınız veya televizyonunuz. Menüyü ayrıştırma, segmentleri indirme ve oynatma için sorunsuz bir şekilde birleştirmeden sorumludur.

• Apple cihazları: Yerel destek (sistem düzeyinde entegrasyon).
• Android/PC: Genellikle bir oynatıcı gerektirir (ExoPlayer veya hls.js gibi).

Derinlemesine İnceleme: Bir .m3u8 Dosyasını Anatomisi

Teknik jargondan korkmayın. Bir .m3u8 dosyası aslında sadece basit bir metin dosyasıdır. Gerçek bir örneğe bakalım:

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:10
#EXT-X-MEDIA-SEQUENCE:0
 
#EXTINF:10.0,
segment0.ts
#EXTINF:10.0,
segment1.ts
#EXTINF:10.0,
segment2.ts
 
#EXT-X-ENDLIST

Anladınız mı? Gerçekten sadece üç bölüm var:

1. Header: Oynatıcıya “Ben bir HLS dosyasıyım, her segment maksimum 10 saniye” der.
2. Body: Belirli segment listesi. segment0.ts ilk segment, segment1.ts ikinci.
3. Footer: #EXT-X-ENDLIST “video burada bitiyor” anlamına gelir. Canlı yayın izliyorsanız, bu etiketi görmezsiniz çünkü liste sürekli güncellenir!

Canlı vs İsteğe Bağlı: HLS’in İki Yüzü

HLS hem İsteğe Bağlı Video (VOD) hem de Canlı yayın akışını destekler, ancak biraz farklı çalışırlar.

• VOD (İsteğe Bağlı Video): Menü sabittir. Restorana gitmek gibi, menü neyin mevcut olduğunu gösterir ve istediğiniz zaman son sayfaya gidebilirsiniz (ilerleme çubuğunu sona sürükleyin).

• Canlı: Menü dinamiktir (kayan pencere). Kayan bir borsa ticker’ı izlemek gibi. Sunucu sürekli olarak eski segmentleri listeden çıkarır ve yenilerini ekler. Oynatıcının yeni içerik olup olmadığını kontrol etmek için birkaç saniyede bir .m3u8’i yeniden indirmesi gerekir.