Video Stream (WebRTC)
Siap- ICE state
- new
- Codec
- —
- Bitrate
- —
- Frame
- —
Riwayat Obrolan
Video streaming — wajah dirender di tempat lain
Halaman ini baseline, bukan produk. Mekanika obrolannya sengaja identik dengan dua rute simulasi lain supaya satu-satunya yang berbeda adalah cara wajahnya dirender — dan itulah yang sedang dibandingkan.
Yang sungguhan di sini
- Dua RTCPeerConnection sungguhan disambungkan di dalam tab ini: negosiasi SDP, pertukaran kandidat ICE, dan encode video semuanya benar-benar terjadi.
- Angka di panel statistik dibaca dari getStats() koneksi hidup di sisi penerima — bukan tulisan tetap.
- Elemen <video> menerima MediaStream lewat srcObject, persis seperti saat memakai penyedia sungguhan.
Yang ditiru
- Sumber gambarnya kanvas 2D yang sengaja kasar, bukan wajah manusia. Yang diperagakan halaman ini transportnya, bukan mutu rendernya.
- Peer di ujung sana adalah tab ini sendiri, bukan server penyedia.
- LLM-nya setTimeout satu detik dengan teks kalengan; suaranya Web Speech API browser.
Biaya finansial
Tinggi
Kerumitan frontend
Rendah
Tim
Frontend + integrator
Yang menjual pendekatan ini: HeyGen, D-ID, Simli, Tavus — semuanya menagih per menit video, sekitar $0,10–0,20.
Pembandingnya yang sungguhan, di aplikasi ini
/navtalk — Pendekatan yang sama persis, tapi peer jauhnya GPU penyedia sungguhan. Terukur: balasan 155–250 ms, $0,20 per menit. Ramalan halaman ini terbukti harfiah — baris srcObject tidak berubah sedikit pun.
/heygen — Penyedia kedua di kategori yang sama, hidup dalam mode sandbox tanpa memakan kredit.
Analisa biaya dan kebutuhan tim untuk ketiga pendekatan ada di dokumentasi, lengkap dengan catatan apa saja yang patah saat ketiganya benar-benar dibangun.