Files
3d-trpay/PLAN-web-3D-oynatici.md
T
yilsemandClaude Opus 4.8 5037c7114f 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>
2026-07-04 04:26:09 +03:00

44 lines
3.0 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 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:0031: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.