yilsemandClaude Opus 4.8
5037c7114f
- 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>
3.0 KiB
3.0 KiB
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:
- 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).
- Konuşan kişi vurgulanıyor: ses oynarken o an konuşan kişi büyüyor/parlıyor + başında konuşma balonu.
- 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).
- Zaman çizelgesi (alt şerit): konuşmacı renkleriyle boyalı, 🔴 kritik anlar tam opak. Tıkla→atla, oynatma çizgisi (playhead) ilerler.
- 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.srcdeğ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ğetrAudioalanı + tektoplanti_turkce.mp3eklenir; düğmeA.src'yi değiştirir.