Teknik Rehber

VibeDowns Studio Nasıl Çalışır?

Tarayıcı tabanlı ses işlemenin mimarisi, her aracın teknik akışı ve güvenlik katmanları.

Mimari

Sistem Mimarisi

Tüm ses işleme tarayıcıda gerçekleşir. Sunucu yalnızca sayfa ve analitik için kullanılır.

Kullanıcı
Tarayıcı
Güvenlik Katmanı
MIME + Magic Bytes
Web Audio API
AudioContext
BPM Motoru
Spectral Flux + Comb
Stem Ayırıcı
STFT + Wiener Filter
Parametric EQ
BiquadFilterNode
Dışa Aktarma
WAV / MP3 / OGG
Yerel Depolama
Tercihler
Sunucu
Ses verisi gitmez
Veri Akışı
Kullanıcı──→Güvenlik KatmanıDosya yükle
Güvenlik Katmanı──→Web Audio APIDoğrulandı
Web Audio API──→BPM MotoruAudioBuffer
Web Audio API──→Stem AyırıcıAudioBuffer
Web Audio API──→Parametric EQAudioNode zinciri
BPM Motoru- - →Dışa AktarmaBPM sonucu
Stem Ayırıcı──→Dışa AktarmaStem buffer
Parametric EQ──→Dışa Aktarmaİşlenmiş ses
Dışa Aktarma- - →Kullanıcıİndir
Kullanıcı- - →Yerel DepolamaTercihler
Güvenlik Katmanı- - →SunucuSadece analitik
Araçlar

Her Aracın Teknik Akışı

Her araç tamamen tarayıcıda çalışır. Aşağıda her birinin algoritması ve veri akışı açıklanmıştır.

📡
BPM Tespit
Analiz
Aç →

Ses dosyasını mono'ya indirger, Spectral Flux ile enerji değişimlerini hesaplar, Comb Filter Bank ile olası BPM adaylarını tarar ve en güçlü periyodu seçer.

1Dosya → Mono mix
2Enerji penceresi hesapla
3Comb filtre tara
4BPM seç + güven skoru
Spectral FluxComb Filter BankBeat TrackingOfflineAudioContext
🎤
Vokal Ayırıcı
İşleme
Aç →

STFT ile zaman-frekans analizine geçer, her frekans bandı için kaynak tahmini yapar ve Wiener soft masking ile 5 stem'i birbirinden temiz şekilde ayırır.

1AudioBuffer → STFT
2Spektral maske hesapla
3Wiener filtre uygula
4ISTFT → 5 stem
STFT (Cooley-Tukey FFT)Wiener FilterHann WindowOverlap-Add ISTFT
Hız & Pitch
İşleme
Aç →

playbackRate ile hızı değiştirir, preservesPitch ile pitch'i korur. Bağımsız pitch shift için OfflineAudioContext + playbackRate kombinasyonu kullanır.

1Dosya yükle
2Hız/pitch parametrele
3OfflineAudioContext render
4WAV/MP3/OGG export
HTMLMediaElement.playbackRatepreservesPitchOfflineAudioContextWeb Audio API
🎛️
Audio Lab
DAW
Aç →

Tam bir tarayıcı DAW'ı. AudioContext üzerinde BiquadFilter zinciri, ConvolverNode reverb, DelayNode echo, AnalyserNode meter ve OfflineAudioContext render pipeline'ı çalışır.

1Dosya → AudioBuffer
2EQ/Delay/Reverb zinciri
3Meter analizi
4Seçim render → Export
BiquadFilterNodeConvolverNodeDelayNodeAnalyserNodeOfflineAudioContext
⏱️
BPM Dönüştürücü
Zamanlama
Aç →

BPM değerini milisaniyeye çevirir: ms = (60000 / BPM) × nota_çarpanı. 14 nota değeri, noktalı ve triole versiyonlarıyla delay ve reverb pre-delay hesaplamalarında kullanılır.

1BPM gir
214 nota değeri hesapla
3ms + Hz göster
4Kopyala
Pure mathReact stateNo audio processing
🥁
Kick/Snare Analiz
Mixing
Aç →

Kick ve snare frekans bantlarını karşılaştırır, çakışma bölgelerini tespit eder ve hangi enstrümanın hangi frekansta öncelik alması gerektiğini görsel olarak gösterir.

1Preset seç
2Frekans bantları hesapla
3Çakışma analizi
4Öneri göster
Frequency band mathOverlap detectionSVG visualization
↔️
Stereo Genişlik
Mixing
Aç →

Mid-Side ayrıştırması yapar: Mid = (L+R)/2, Side = (L-R)/2. Side/Mid oranı stereo genişliği verir. Mono uyumluluk skoru, Side enerjisinin toplam enerjiye oranından hesaplanır.

1L/R sinyal gir
2M/S hesapla
3Genişlik skoru
4Mono uyum göster
Mid-Side mathCanvas visualizationLissajous display
✍️
Şarkı Sözü Araçları
Yaratıcı
Aç →

Tamamen tarayıcıda çalışır, API yok. Hece sayımı, ses benzerliği tabanlı kafiye kontrolü ve kural tabanlı stil notları üretir.

1Sözleri yaz
2Hece/kafiye analiz
3Stil önerileri
4Snippet oluştur
Syllable heuristicsSound similarity scoringRhyme bank lookupGrammar rules
Güvenlik

Gizlilik ve Güvenlik

Ses dosyaların güvende. İşte nasıl sağlandığı.

🔒
Ses verisi sunucuya gitmez

Yüklediğin ses dosyası yalnızca tarayıcının belleğinde işlenir. Hiçbir byte sunucuya iletilmez.

🛡️
MIME + Magic Bytes doğrulaması

Her dosya yüklenmeden önce MIME tipi ve dosya başlığındaki magic bytes kontrol edilir. Yabancı format ve zararlı içerik engellenir.

Rate limiting

Kısa sürede çok fazla işlem yapılmasını önlemek için istemci taraflı rate limit uygulanır.

🍪
Onaylı çerez kullanımı

Zorunlu teknik çerezler dışında analitik ve reklam çerezleri yalnızca onay verirsen etkinleşir. Ses işleme için dosya içeriği sunucuya gönderilmez.

Teknoloji

Web Audio API

Tüm araçların temelinde W3C standardı Web Audio API bulunur.

AudioContext
Ses işleme ortamı
AudioBuffer
Ham ses verisi
AudioNode
EQ, Delay, Reverb...
AnalyserNode
FFT analizi
AudioDestination
Çıkış / Export

OfflineAudioContext, gerçek zamanlı çalmadan bağımsız olarak ses render etmek için kullanılır. Bu sayede export işlemi gerçek zamandan çok daha hızlı tamamlanır.

Hemen dene

Kurulum yok, hesap yok. Tarayıcını aç, dosyayı sürükle.