Netcontact Pro Video Player | Gelişmiş Online Media Player

Netcontact Pro Video Player, modern web standartlarına (HTML5, CSS3, ES6 JavaScript) uygun olarak geliştirilmiş; herhangi bir harici kütüphaneye (jQuery, Video.js vb.) ihtiyaç duymayan hafif (lightweight), yüksek performanslı bir medya oynatıcıdır.

🚀 Öne Çıkan Başlıca Özellikler

  • Akıllı Türkçe Altyazı Kod Çözücü: UTF-8 ve eski tip ANSI (windows-1254) altyazıları otomatik ayırt eder. ş, ı, ğ, ç, ö, ü gibi Türkçe karakterlerin bozulmasını sıfıra indirir.
  • Tam Esnek Altyazı Tipografisi: Altyazı boyutu, dikey konumu, satır aralığı (Line-Height), metin rengi, arka plan bant görünürlüğü ve gölge efektleri anlık olarak değiştirilebilir.
  • Görsel İşleme & Canlı Filtreler: Kontrast, parlaklık, ton (hue) ve doygunluk ayarları ile karanlık veya soluk videoların renk dengesi anlık olarak optimize edilebilir.
  • Çoklu Ekran Format Seçenekleri: Orijinal, Contain, Cover, Fill, 16:9, 16:10, 4:3 ve 5:4 oranları arasında tek tıkla kayıpsız geçiş imkanı sağlar.
  • Kaldığın Yerden Devam Et (Yer İşareti / Bookmark): Oynatılan videodaki süreyi, ses seviyesini, hız ve tüm altyazı/görüntü ayarlarını tarayıcı hafızasına kaydeder.

1. Video ve Altyazı Yükleme

Medya dosyalarını oynatıcıya aktarmak için iki farklı yöntem sunulmuştur:
  1. Sürükle ve Bırak (Drag & Drop): Bilgisayarınızdaki .mp4, .webm, .mkv veya .mov video dosyalarını ya da .srt, .vtt altyazı dosyalarını doğrudan ekranın üzerine sürükleyebilirsiniz.
  2. Dosya Seçici (File Buttons): Kontrol çubuğunda yer alan Video ve Altyazı butonlarına tıklayarak bilgisayarınızdan dosya seçebilirsiniz.

2. Altyazı Özelleştirme ve Akıllı Encoding

Oynatıcı, yüklenen altyazı dosyasını önce saf bayt (ArrayBuffer) olarak okur.
  • Çalışma Mantığı: İlk olarak evrensel UTF-8 formatı fatal: true parametresiyle zorlanır. Eğer dosyada bozuk/tanımsız bayt tespiti yapılırsa, sistem bunu bir istisna (exception) olarak yakalar ve otomatik olarak Türkçe ANSI kodlaması olan windows-1254 moduna geçer.
  • Satır Aralığı (Line Height): Çok satırlı altyazıların birbirine yakınlığını 1.0 ile 3.0 arasında hassas bir şekilde ayarlayabilirsiniz.
  • Tipografi Paneli (⚙️):
    • Altyazı Boyutu: 10px ile 100px arasında ayarlanabilir.
    • Altyazı Konumu: Ekranın altından %2 ile %80 yüksekliğe taşınabilir.
    • Renk Seçici: Dahili renk paleti ile istenilen font rengi atanabilir.
    • Arka Plan Bandı & Gölge: Arka plan siyah bandı (blur efektli) ve metin gölgesi isteğe bağlı olarak kapatılıp açılabilir.

3. Ekran ve Renk Filtreleri

Kötü ışıklandırılmış ya da renk dengesi bozuk videolar için anlık görüntü işleme (CSS Hardware Acceleration) filtreleri bulunur:
  • Format Uyarlama: Oynatıcıyı 16:9, 4:3 gibi oranlara zorlayabilir veya videoyu ekrana tam sığdıracak şekilde (Cover/Fill) genişletebilirsiniz.
  • Görüntü İyileştirme:

    • Kontrast & Parlaklık: Karanlık sahneleri aydınlatmak için %0 - %200 arası ölçeklendirilebilir.
    • Renk (Ton) & Doygunluk: Soluk videoların renk doygunluğu artırılabilir.
    • Sıfırla Butonu: Yapılan tüm görüntü ve altyazı özelleştirmelerini tek tıkla fabrika ayarlarına döndürür.

4. Yer İşaretleri (Bookmark) ve Global Hafıza

  • Kaldığın Yeri Kaydet (🔖): Video izlerken yer işareti butonuna basıldığında; videonun adı, kalınan saniye, ses seviyesi, hızı, kontrastı, altyazı boyutu ve konumu tek bir profil olarak kaydedilir.
  • Profil Yükleme: Ekranın altında listelenen kayda tıklandığında video otomatik olarak kalınan saniyeye çekilir ve tüm kişisel ayarlar anında uygulanır.
  • Global Hafıza: Ayarlar panelinde yaptığınız tercihler (renk, boyut, ses seviyesi) otomatik olarak tarayıcı hafızasında (localStorage) saklanır; sayfa yenilense bile kaybolmaz.

⌨️ Kısayol Tuşları ve Fare Kontrolleri

Oynatıcı, hızlı kullanım için gelişmiş klavye ve fare etkileşimleriyle donatılmıştır:
Tuş / Fare Eylemi İşlev
Boşluk (Space) Videoyu Oynat / Duraklat
Sol Ok (←) 5 Saniye Geri Sar
Sağ Ok (→) 5 Saniye İleri Sar
Yukarı Ok (↑) Sesi %10 Artır
Aşağı Ok (↓) Sesi %10 Azalt
F / f Tam Ekran Moduna Geç / Çık
M / m Sesi Kapat / Aç (Mute)
Fare Tekerleği Oynatıcı üzerindeyken sesi yukarı/aşağı ayarlar
Çift Tıklama Oynatıcıyı tam ekran yapar

Bu oynatıcının kullandığı teknolojilerin (HTML5 Video API, TextDecoder, CSS Filtreleri, LocalStorage ve GPU hızlandırma) en yüksek performansla, en az RAM/CPU tüketimiyle çalışması için işletim sistemlerine göre önerilen tarayıcılar ise şunlardır;

  • Microsoft Edge (Windows İçi En Verimli Seçenek): Chromium tabanlı olmasına rağmen Windows ile tam entegre çalışır. "Verimlilik Modu" (Efficiency Mode) ve gelişmiş ekran kartı (GPU) sürücü entegrasyonu sayesinde video filtreleri uygulandığında işlemci yükünü en çok düşüren ve dizüstü bilgisayarlarda pili en az tüketen tarayıcıdır.

  • Brave Browser (En Düşük RAM Tüketimi): Arka planda çalışan gereksiz izleyicileri ve bellek sızıntılarını engellediği için JavaScript süreçlerini ve bellek boyutunu çok düşük tutar. Sistem kaynakları sınırlı olan bilgisayarlarda akıcı video deneyimi sunar.

  • Google Chrome (En Yüksek Donanım ve Kodek Uyumluluğu): V8 JavaScript motoru sayesinde altyazı dosyalarının bayt seviyesinde okunmasında (TextDecoder) ve canlı renk filtrelerinin işlenmesinde en stabil performansı verir.

  • Safari (macOS / Apple Silicon için En İyisi): Mac bilgisayarlarda Apple Silicon (M1/M2/M3/M4) çiplerinin video kod çözücü donanım birimlerini doğrudan kullanır. Sıfıra yakın fan sesi ve minimum pil tüketimi ile video oynatır.

  • Mozilla Firefox (Alternatif Motor & Güçlü Kod Çözme): Chromium dışındaki tek güçlü bağımsız motordur. FileReader ve ArrayBuffer işlemlerinde oldukça başarılıdır, özellikle Linux sistemlerde video oynatma stabilitesi çok yüksektir. Fakat video ilk yüklemede bekleyebilr.

Tam Verim İçin Tarayıcıda Yapılması Gereken Ayarlar

  1. Donanım Hızlandırma (Hardware Acceleration) Açık Olmalı: Kullandığınız tarayıcının ayarlar arama çubuğuna Donanım Hızlandırma (veya Hardware Acceleration) yazarak bu seçeneğin AÇIK olduğundan emin olun. Bu ayar kapalı olursa, CSS video filtreleri (kontrast, doygunluk vb.) ekran kartı yerine işlemciye (CPU) yüklenir ve kasmaya sebep olabilir.

  2. Grafik Sürücüsü Desteği (Windows): Ekran kartınız (Nvidia/AMD) varsa, Windows Grafik Ayarları bölümünden kullandığınız tarayıcıyı ekleyip grafik tercihini "Yüksek Performans" olarak seçmek video işleme kare hızını (FPS) artırır.

    📹 Tarayıcı Bazlı Dosya, Kapsayıcı ve Codec (x264 / x265) Rehberi

    Medya oynatıcı HTML5 altyapısıyla çalıştığından, videonun sorunsuz oynatılması kullanılan tarayıcının desteklediği video çözücülere (codec) ve kapsayıcılara (container) bağlıdır.

    Özellik / Format 🦊 Mozilla Firefox 🌐 Chrome / Edge / Brave (Chromium)
    Önerilen Kapsayıcı (Uzantı) .mp4, .webm .mp4, .mkv, .webm
    Kaçınılması Gereken Uzantı .mkv (Takılma yapabilir) Yok (Neredeyse tümünü destekler)
    x264 (H.264) Codec %100 Uyumlu (En sorunsuz seçenek) %100 Uyumlu
    x265 (HEVC / H.265) Codec Desteklenmiyor / Kısıtlı (Siyah ekran kalabilir) Uyumlu (Donanımsal ivme ile)
    VP9 / AV1 Codec Uyumlu Uyumlu
    Ses Formatı (AAC / MP3 / Opus) Uyumlu Uyumlu

💡 Kullanıcılar İçin Format Önerileri ve İpuçları

  1. Firefox Kullanıcıları İçin (En Kararlı Kombinasyon):

    • İdeal Format: .mp4 uzantılı ve x264 (H.264) ile kodlanmış videolar.

    • Açıklama: Firefox, x265 (HEVC) lisanslı kod çözücülerini dahili olarak barındırmaz ve .mkv dosyalarını ayrıştırırken işletim sistemine bağımlıdır. Videolarınız açılmıyor veya yükleme ekranında kalıyorsa videonun .mp4 ve x264 olduğundan emin olun.

  2. Chrome / Edge / Brave Kullanıcıları İçin:

    • İdeal Format: .mp4 veya .mkv uzantılı x264 ya da x265 videolar.

    • Açıklama: Chromium tabanlı tarayıcılar dahili Matroska (.mkv) ayrıştırıcısına sahiptir. Modern ekran kartına (GPU) sahip sistemlerde x265 (HEVC) videoları da doğrudan ve yüksek performansla oynatır.

  3. x265 Videoları x264 veya MP4'e Hızlıca Dönüştürme:

    • Firefox'ta açılmayan x265 veya .mkv videolarını yeniden render alıp saatlerce beklemek yerine, FFmpeg ile saniyeler içinde uyumlu hale getirebilirsiniz:

    • # Sadece kapsayıcıyı MKV'den MP4'e çevirir (1 Saniye sürer)
      ffmpeg -i video.mkv -codec copy video.mp4

Eğer siz de günlük hayatınıza bu Ekran Renk Seçici & Kod Üretici aracını eklemek istiyorsanız, NETCONTACT PRO VIDEO PLAYER bölümüne buradan ulaşabilirsiniz.