YouTube Canlı Yayın Oyun Platformu

Bu platform, YouTube içerik üreticilerine canlı yayınlarını interaktif bir oyun sahnesine dönüştürme imkânı sunar. İzleyiciler kendi cihazlarından katılır, gerçek zamanlı puan kazanır ve yayıncı bunları OBS overlay aracılığıyla doğrudan yayın ekranına taşır. Proje, bir içerik üreticisinin izleyici kitlesini pasif seyirciden aktif katılımcıya dönüştürme ihtiyacından doğdu.

Problem

YouTube canlı yayınlarında standart izleyici etkileşimi yorum yazmakla sınırlıdır; bu pasif bir deneyimdir. İçerik üreticisi izleyicilerini ekrana bağlı tutmak ve rekabet ortamı yaratmak için farklı bir araç arıyordu. Mevcut seçenekler ya ayrı bir platform gerektiriyordu ya da YouTube’un kendi ekosistemiyle entegre çalışmıyordu. İzleyicilerin ek uygulama indirmeden, kayıt yaptırmadan oyuna dahil olabilmesi kritik bir gereksinimdi; çünkü katılım sürtünmesi ne kadar fazlaysa katılımcı sayısı o kadar düşüyor.

Çözüm

Platform, YouTube Data API v3 üzerinden canlı sohbeti okuyarak izleyici komutlarını ve oylamalarını oyun motoruna besler; izleyiciler yayından ayrılmadan katılabilir. Gerçek zamanlı iletişim için Socket.io kullanıldı; yüzlerce eş zamanlı katılımcının aksiyonları sunucu üzerinden işlenerek tüm bağlı istemcilere milisaniyeler içinde yansıtılır. Yayıncının OBS veya Streamlabs kurulumuna şeffaf bir tarayıcı kaynağı overlay olarak eklenir; oyun durumu ve puan tablosu yayın görüntüsünün üzerine taşınır. Backend Express ve TypeScript, frontend React ve TypeScript ile yazıldı.

Öne Çıkan Özellikler

• YouTube Chat Entegrasyonu: Data API v3 üzerinden gerçek zamanlı sohbet okuma; izleyiciler yayından ayrılmadan komutlarını gönderir
• Socket.io Gerçek Zamanlı Katman: Düşük gecikmeli çift yönlü iletişim; eş zamanlı yüzlerce katılımcı tutarlı oyun durumunda buluşur
• OBS/Streamlabs Overlay: Şeffaf tarayıcı kaynağı olarak eklenen overlay; puan tablosu ve oyun durumu yayın görüntüsüyle bütünleşir
• Yayıncı Kontrol Paneli: Oyun oturumu yönetimi, soru havuzu düzenleme ve anlık puan tablosu görüntüleme
• Sıfır İzleyici Kurulumu: Katılım için yalnızca URL yeterli; indirme, kayıt veya hesap açma gerekmez
• TypeScript Genelinde: İstemci, sunucu ve API katmanları TypeScript ile yazıldı; veri tutarsızlığı riski derleme aşamasında bertaraf edilir

Teknik Altyapı

Socket.io, bu proje için HTTP polling alternatiflerine kıyasla net bir seçimdi: WebSocket üzerinde kurulu çift yönlü bağlantısı, yüzlerce eş zamanlı izleyicinin aksiyonlarını sunucuya iletmek ve güncel oyun durumunu tüm istemcilere yaymak için gereken düşük gecikmeyi sağlar. YouTube Data API v3’ün canlı sohbet okuma özelliği, izleyicilerin platforma geçiş yapmak zorunda kalmadan yalnızca yorum yazarak oyuna katılmasını mümkün kıldı; bu katılım sürtünmesini sıfıra indirdi. TypeScript’in hem istemci hem sunucu tarafında kullanılması, iki farklı gerçek zamanlı veri kaynağını (Socket.io olayları ve YouTube API yanıtları) tek tutarlı veri modelinde birleştirirken tip hatalarını erken aşamada yakalamanın anahtarı oldu.

Sonuçlar

Platform, içerik üreticisinin yayınlarında ölçülebilir biçimde daha yüksek izleyici etkileşimi sağladı. İzleyiciler pasif seyirci konumundan çıkıp oyunun parçası haline gelirken yayıncı prodüksiyon kalitesini koruyarak oyun öğelerini yayına sorunsuz entegre etti. Socket.io ile YouTube API’nin birlikte çalışması, iki bağımsız gerçek zamanlı kaynağın tek tutarlı deneyimde birleşebileceğini pratikte kanıtladı.