Caramel Webplayer

Caramel Webplayer, Video.js 10 üzerine kurduğum, sitemin karamel temasıyla giydirilmiş açık kaynak bir web video oynatıcısıdır. Ana sayfamdaki rehber videosunu YouTube gömmesi yerine kendi oynatıcımdan oynatmak için yaptım, sonra MIT lisansıyla npm'de yayınladım.

Öne çıkan özellikleri:

• Intro, özet, kapanış ve sponsor atlama; zaman çizgisinde renkli bantlar, istenen tür otomatik atlanır
• Sayfada duran bölüm listesi ve zaman çizgisi önizleme kareleri
• Kaldığı yerden devam eden, bitince sıradakine geçen oynatma listesi
• Açık ve koyu tema, tüm renkler CSS değişkeni; morf eden Lucide ikonları
• Custom element tabanlı, React sarmalayıcıları Next.js App Router'da SSR'ı bozmadan çalışır
• Video hazırlığı için ffmpeg tabanlı araçlar: HLS, altyazı, bölüm ve önizleme kareleri

Demodaki klipler Blender Foundation'ın açık filmi Tears of Steel'den ((CC) Blender Foundation, CC BY 3.0).