T.UZUN_
TÜM PROJELER
PROJE

Fluid EQ: Tarayıcı Tabanlı Gerçek Zamanlı DSP Uzantısı

Fluid EQ ile Sesler Düzgün

Fluid EQ: Tarayıcı Tabanlı Gerçek Zamanlı 10-Bant Dijital Sinyal İşleme (DSP) Uzantısı

fluid_eq_turkeruzun.webp

1. Projenin Özeti ve Amacı

Fluid EQ, modern web tarayıcılarında çalışan, aktif sekmedeki ses çıkışını gerçek zamanlı olarak yakalayıp işleyen tarayıcı tabanlı bir Dijital Sinyal İşleme (DSP) uzantısıdır.

Projenin temel amacı; kullanıcılara ek bir masaüstü yazılımına ihtiyaç duymadan, dinledikleri müzik, izledikleri film veya katıldıkları çevrimiçi toplantıların ses karakteristiğini doğrudan tarayıcı üzerinden optimize etme imkanı sunmaktır. Glassmorphism arayüz tasarımı ile kullanıcı dostu bir deneyim hedeflenmiştir.

2. Temel Özellikler ve Fonksiyonel Modüller

Uygulama, sese müdahale şekline ve kullanım senaryolarına göre üç temel modülden oluşmaktadır:

A. Müzik Modülü (10-Bant Grafik Ekolayzer)

Ses frekans spektrumunu 10 farklı kritik banda bölerek kullanıcının ses üzerinde tam kontrol sahibi olmasını sağlar.

  • Frekans Bantları: 31Hz, 62Hz, 125Hz, 250Hz, 500Hz, 1kHz, 2kHz, 4kHz, 8kHz, 16kHz.

  • Hazır Profiller (Presets): Farklı müzik türleri için optimize edilmiş Flat, Dengeli, Bass, Vokal ve Akustik hazır ayarları mevcuttur.

  • Kullanıcı Profili (User): Kullanıcıların kendi frekans kazanç (gain) değerlerini manuel olarak ayarlayıp kaydedebileceği özelleştirilmiş mod.

B. Konuşma Modülü

Özellikle podcast'ler, video konferanslar (Zoom, Google Meet vb.) ve eğitim videoları için insan sesini ön plana çıkaran filtreleme algoritmaları içerir.

  • Hazır Profiller: Flat, Netlik, Podcast, Toplantı ve Yüksek modları ile arka plan gürültüsünü azaltırken vokal netliğini artırır.

C. Dinamik Modül (Otomatik Dengeleyici / AGC)

Projenin en yenilikçi DSP özelliklerinden biridir. Geleneksel statik ekolayzerların aksine, ses sinyalini dinamik olarak analiz eder.

  • Otomatik Denge: Şarkının sınırlarını (limitlerini) anlık olarak dengeleyerek, kısıkta kalan frekansları kendi gürlüğünde gerçek zamanlı olarak EQ'lar.

  • Çalışma Prensibi: EQ katsayılarını (genliğini) sabit korurken, sadece değişen ses seviyesine göre dinamik kazanç yönetimi yapar. Bu sayede bas tıkırtısı veya tiz patlamaları gibi anlık sinyal bozulmalarını (clipping) bastırmadan dengeli bir çıkış sunar.

3. Teknik Mimari ve Teknolojik Altyapı

Uygulama tamamen web standartları üzerine inşa edilmiş olup, harici bir kütüphaneye ihtiyaç duymadan tarayıcı motoru üzerinde yerel (native) performansla çalışır.

  • Çekirdek Teknoloji: HTML5 Web Audio API

  • DSP Filtreleme Zinciri: * Yakalanan ses akışı bir AudioContext içerisine aktarılır.

    • 10 farklı frekans bandı için seri bağlı (peaking türünde) BiquadFilterNode filtre zinciri oluşturulmuştur.

    • Dinamik modül için sinyal genliğini anlık analiz eden AnalyserNode ve dinamik kazanç kontrolü sağlayan GainNode mimarisi entegre edilmiştir.

  • Ön Yüz Tasarımı: HTML, CSS (Glassmorphism efektleri, dinamik geçişler) ve Vanilla JavaScript.

4. Kullanıcı Arayüzü (UI/UX) Tasarımı

  • Glassmorphic Tasarım: Modern "frosted glass" (buzlu cam) efekti ve akışkan renk geçişleri ile estetik açıdan doyurucu bir görsel dil kullanılmıştır.

  • Gerçek Zamanlı Geri Bildirim: Dinamik modülde, çalınan müziğin frekans genliğine göre ekolayzer arka planda otomatik olarak hareket etmesi, kullanıcıya sinyal işleme sürecini görsel olarak deneyimletir.

  • Kompakt Yapı: Tarayıcı uzantısı (Extension Popup) sınırlarına uyum sağlayan, tek tıkla bypass edilebilen veya durdurulabilen ergonomik yerleşim.

5. Proje Sonuçları ve Gelecek Çalışmalar

Elde Edilen Kazanımlar:

  1. Düşük Gecikme (Latency): Web Audio API'nin donanım hızlandırmalı yapısı sayesinde ses üzerinde milisaniyenin altında gecikmeyle gerçek zamanlı işlem yapılmıştır.

  2. Sistem Kaynağı Tasarrufu: Masaüstü ekolayzer yazılımlarına kıyasla CPU ve RAM kullanımı minimize edilmiştir.

  3. Platform Bağımsızlık: Chrome/Edge/Opera ve Brave başta olmak üzere tüm tarayıcılarda sorunsuz çalışmaktadır.

Gelecekte Eklenecek Özellikler:

  • Gelişmiş Limiter/Compressor: Ses patlamalarını tamamen önleyen profesyonel dinamik aralık sıkıştırıcı (Dynamic Range Compressor) entegrasyonu.

  • Mobil Uygulamalar (IOS/Android)

  • Masaüstü Uygulaması

Bu içerik sana ne hissettirdi?