PANEL DM · DEMO INTERACTIVA
La Maldición de Strahd v3
Sesión 14 · DM: Rodrigo · Whisper.js Active
EN JUEGO · 01:42:33
Ronda
3
Turno Activo
✦ Aelindra ✦
Música de Ambiente
Efectos de Sonido
Volumen 65%
Lanza un dado para comenzar
Modificador
Historial de Tiradas
✦ PANEL DM · V3 · WHISPER.JS
Dungeon Table
Phase 8 Complete: Transcripción + Persistencia — junio 2026
🎙 Grabar + Transcribir
⏺️
[REC] Grabar sesión
Tab Historia → botón REC. Captura audio micrófono. Timer MM:SS muestra duración. Onda sonora animada. Al finalizar sesión: click [Parar].
Timer Live
Whisper.js Auto-Transcribe
Al parar: transcripción automática (3-10s). IA OpenAI local en navegador. Precisión ~90%. Idioma español detectado. Sin servidor, privado.
AI Local
▶️
[▶️ Preview] Escuchar grabación
Reproduce audio grabado antes de transcribir. Valida calidad. Útil revisar nivel micrófono.
Preview
📥
[📥 Descargar] .webm datado
Descarga audio local: grabacion-2026-06-05.webm. Backup offline. Comparte con jugadores si quieren escuchar sesión.
Local Download
📊 Transcripción + Edición
📝
Textarea editable
Transcripción aparecer aquí. Editable: corrige errores Whisper. 📊 contador actualiza palabras + caracteres en tiempo real.
Editable
🧮
Word Counter (Live)
Muestra: "450 palabras · 2840 caracteres". Actualiza mientras escribes. Métrica útil para reportes.
Stats
📋 Generar Resumen Narrativo
🔄
[📋 Generar Resumen]
Combina: (1) Combat log eventos, (2) Transcripción, (3) Personajes activos, (4) Notas DM. Crea narrativa auto-formateada. Editable. Guarda en historial.
Auto Format
💾 Persistencia Local
[✓ Guardar] Sesión en historial
Click después generar resumen. Guarda: fecha, participantes, transcripción, resumen, log combate. Numera automático (Sesión 14, 15…). localStorage persistente.
Auto-Num
🔍 Gestión Historial
🔍
Buscar sesiones (Live)
Input "Buscar sesiones…". Filtra en tiempo real por fecha + resumen. Escribe "05/06" → muestra sesiones ese día.
Filter Live
[✎ Editar] Resumen
Click en sesión del historial. Prompt para reescribir resumen. Guarda cambio + sincroniza localStorage.
Edit
×
[× Borrar] Sesión
Confirma antes de remover. Eliminación permanente. Útil limpiar historial antiguo.
Irreversible
📤 Backup + Import
📥
[📥 Importar JSON]
Topbar: botón "Descargar JSON". Carga archivo backup previo. Auto-numera sesión. Agrega al historial. Restaura datos anteriores.
Restore
💾
[Descargar JSON] Export sesión
Topbar: botón export. Descarga sesion-2026-06-05.json. Backup completo. Comparte con otros DMs o restaura después.
Backup
⚡ Animaciones + Status
〰️
Wave Animation Recording
Mientras grabas: 5 barras animadas (up/down). Visual feedback. Estado claro: ⏺️ Grabando → ⏳ Transcribiendo → ✓ Completada.
Visual
🟢🔴
Color Status
Verde (✓ OK) → listo generar resumen. Rojo (❌ Error) → micrófono/Whisper fallo. Ámbar (⏳ Cargando) → Whisper.js primeras veces.
Feedback
📖 Tabs Principales
⚔️
⚔️ Combate
Tracker iniciativa, HP, condiciones. Log automático. Click HP → daño/curación. Badge rojo/amarillo → click quitar condición.
📖
📖 Historia
Grabación + Transcripción (arriba). Resumen narrativo (generado auto). Historial sesiones + búsqueda (abajo). Diarios campaña por personaje.
🗺️
🗺️ Campaña
Sesiones anteriores (recap). NPCs tracker (estado, rol, ubicación). Referencia rápida durante combate.
20