Grabación de voz simple, elegante y 100% local
Convierte tus ideas en audios claros desde el navegador, sin depender de un servidor ni de complicadas configuraciones.
Qué hace la aplicación
Aplicación web para grabar audio desde el micrófono, convertirlo a MP3 en el navegador y gestionar las grabaciones localmente. No requiere servidor.
- Grabación en MP3 con
lamejs: Grabar, pausar, reanudar y detener. - Lista de grabaciones persistente con
IndexedDB. - Guardar archivos en el dispositivo con descarga automática o selección manual.
- Renombrar, recortar, eliminar y compartir grabaciones.
- Recorte intuitivo con selector de intervalo en segundos.
- PWA con manifest y Service Worker, adaptable a uso móvil y escritorio.
Dónde se guardan los audios
Por diseño, los audios se almacenan de dos maneras:
- IndexedDB: persistencia interna de la app, visible solo desde el mismo navegador y perfil. Usa Importar para agregar MP3 existentes al listado.
- Descargas del dispositivo: la app auto-guarda cada grabación en la carpeta de descargas, o mediante
showSaveFilePickersi el navegador lo permite.
Importante: Edge y Chrome tienen IndexedDB separado. Si necesitas que las grabaciones estén en la carpeta del dispositivo, usa el botón Guardar o deja activada la descarga automática.
Cómo usar — pasos rápidos
- Abrir la app desde
http://localhost/…/gravadora.html(nofile://). - Permitir el micrófono desde el diálogo del navegador o con el botón Solicitar permiso.
- Pulsar Grabar. Puedes pausar, reanudar y detener en cualquier momento.
- La grabación aparecerá en la lista y se guardará en IndexedDB y en tu carpeta de descargas.
- Usa los botones de Renombrar, Guardar, Editar/Recortar, Compartir y Eliminar.
Privacidad y almacenamiento
La app no sube archivos a un servidor por defecto. Todas las grabaciones permanecen en tu dispositivo y navegador. Si necesitas subida a un servidor, se puede implementar por separado.
Problemas frecuentes y soluciones
- Permiso denegado: abre el candado de la barra de direcciones → Site settings → Microphone → Allow.
- Grabaciones visibles solo en un navegador: usa el botón Guardar o la descarga automática para tener los MP3 en la carpeta del dispositivo.
- Service Worker o caché antiguos: la app puede desregistrar el SW automáticamente; si ves problemas, abre DevTools → Application → Service Workers → Unregister.
Tecnologías
HTML5, Bootstrap 5, JavaScript, MediaRecorder API, Web Audio API, lamejs, IndexedDB, File System Access, Web Share API y PWA.