# 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.