3D toplanti oynatici: orijinal + Turkce dublaj, zaman cizelgesi

- Three.js 3D oda, 7 kisi (6 oturan + ayakta kayinvalide)
- Orijinal/Turkce ses gecisi, konusmaci vurgusu, cift-dil altyazi
- 299 blok Turkce dublaj (7 ElevenLabs sesi, cinsiyet/yas uyumlu)
- nginx + Dockerfile (Coolify deploy)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

PLAN-web-3D-oynatici.md

@@ -0,0 +1,43 @@
+# PLAN — 3D Oda + Zaman Çizelgeli · Orijinal/Türkçe Web Oynatıcı
+
+## Ne istendi
+- 3D oda görseli olan web sayfası
+- Masanın etrafında **7 kişi** (diyagram yerleşimi, **kayınvalide ayakta**)
+- **Orijinal ses ↔ Türkçe seslendirme** arasında geçiş
+- Altta **zaman çizelgesi**, ileri/geri hareket
+
+## ✅ Şu an teslim edilen (çalışan prototip)
+`web/` klasörü — **çift tıkla `index.html`** aç, tamamen çevrimdışı çalışır:
+- **`index.html`** — sayfa (tek dosya, harici bağımlılık yok)
+- **`toplanti_orijinal.mp3`** (21 MB) — orijinal ses (09:00–31:13, senle hizalı)
+- **`data.js`** — 299 replik + 7 rol konumu (zaman çizelgesi verisi)
+
+**Prototipte olanlar:**
+1. **3D-perspektif oda**: eğik masa + kayıt cihazı (🎙️) + 7 kişi diyagram konumlarında; renkler gruplara göre (mavi=Kaan tarafı, bordo=uzlaşmacılar, sarı=işçi/dolandırıcı, gri=kayınvalide). **Kayınvalide ayakta** (daha uzun + "🧍 AYAKTA" rozeti).
+2. **Konuşan kişi vurgulanıyor**: ses oynarken o an konuşan kişi büyüyor/parlıyor + başında konuşma balonu.
+3. **Orijinal / Türkçe düğmesi**: altyazıda hangi dilin vurgulanacağını değiştirir (ses şimdilik orijinal — Türkçe ses eklenince otomatik devreye girecek, kod hazır).
+4. **Zaman çizelgesi (alt şerit)**: konuşmacı renkleriyle boyalı, 🔴 kritik anlar tam opak. Tıkla→atla, oynatma çizgisi (playhead) ilerler.
+5. **Kontroller**: ▶/⏸, ⏮/⏭ (önceki/sonraki replik), boşluk=oynat-dur, ←/→=5 sn, kişiye tıkla=o kişinin ilk repliğine git.
+
+## 🔜 Tam sürüme yol haritası (planlanan geliştirmeler)
+
+### Aşama 1 — Türkçe ses entegrasyonu (SpeechGen)
+- SpeechGen e-postan gelince: 7 role **7 ayrı Türkçe ses** üretilir (kadın→Kayınvalide, erkek→diğerleri).
+- Her replik için ayrı ses klibi → tek Türkçe parça olarak birleştirilir (zaman çizelgesiyle hizalı).
+- "Türkçe" düğmesi **gerçekten Türkçe sesi** çalar (kod bu geçişe hazır: `A.src` değişimi).
+
+### Aşama 2 — Gerçek 3D (opsiyonel, görsel yükseltme)
+- Şu anki "3D-perspektif CSS" yerine **Three.js** sahne: gerçek 3D oda, masa, 7 karakter (Ready Player Me / basit avatar).
+- Kamera döndürme, konuşan kişiye yakınlaşma.
+- Ses-güdümlü basit ağız animasyonu (konuşurken avatar canlanır).
+
+### Aşama 3 — Zenginleştirmeler
+- Altyazı arama / repliğe tıklayıp o ana atlama listesi.
+- Grup filtreleme (sadece kayınvalideyi dinle).
+- 🔴 "kritik anlar" hızlı gezinme.
+- Video dışa aktarım (sahne + ses → mp4) — video planındaki hedefe köprü.
+
+## Teknik notlar
+- **Veri kaynağı:** `TOPLANTI-9dk-sonrasi-ORIJINAL-ve-TURKCE.json` → `data.js` (0-tabanlı zaman = kayıt zamanı − 9:00, sesle hizalı).
+- **Neden yerel dosya (Artifact değil):** 21 MB ses + gizlilik → yerelde `file://` ile açılır, dışarı hiçbir şey gitmez.
+- **Türkçe ses eklenince:** `data.js`'e her repliğe `trAudio` alanı + tek `toplanti_turkce.mp3` eklenir; düğme `A.src`'yi değiştirir.