Drommo
Sala 3D de entrevistas con video replays y anotaciones sincronizadas
Página web

Sala 3D de entrevistas con video replays y anotaciones sincronizadas

Prompt

Construye una sala 3D elegante para revisar entrevistas grabadas donde cada entrevista aparece como una tarjeta sobre una mesa; al abrirla se reproduce el video con anotaciones sincronizadas en 3D. **Entregables:** index.html, styles.css, interviewRoom.js, carpeta assets/ con grabaciones, transcripciones y modelos. **Stack:** Three.js, WebRTC para grabación, video playback, GSAP. **Descripción:** Entorno 3D elegante para revisar entrevistas grabadas. Cada entrevista se representa como una tarjeta flotante en una mesa; al abrirla se reproduce el video y las anotaciones del entrevistador aparecen sincronizadas en 3D como notas flotantes. **Sincronización de anotaciones:** Las anotaciones tienen timestamps; al reproducir el video, las notas aparecen y se posicionan en el espacio 3D con animación. El usuario puede añadir nuevas anotaciones que se guardan con timestamp y posición relativa. **Controles y exportaciones:** Reproducir/pausar, saltar a anotación, exportar resumen PDF con timestamps y clips destacados. Comparador lado a lado para ver dos entrevistas simultáneamente con videos sincronizados. **Privacidad y permisos:** Solicitar permiso para grabación; cifrado de grabaciones en reposo; opción de anonimizar audio/video para compartir. **Accesibilidad:** Subtítulos automáticos y transcripciones editables; ARIA en controles.

Tipo
Página web
Tecnología
Three.js, WebRTC, video HTML5, GSAP
  • 3D
  • interview
  • video replay
  • annotations
  • synchronized
  • WebRTC
  • WebGL
  • productivity
Crear en Drommo

«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.

Ideas parecidas