Graba video desde tu webcam y microfono directamente en el navegador y descarga el archivo -- sin subida, sin servidor.
Graba video desde tu webcam y microfono directamente en el navegador y descarga el archivo -- sin subida, sin servidor. Graba video desde tu webcam y microfono directamente en el navegador y descarga el archivo -- sin subida, sin servidor.
Grabar en el navegador es una tuberia de tres pasos. Primero, getUserMedia() captura un MediaStream de la camara y el microfono tras conceder permiso -- los navegadores siempre preguntan y exigen un contexto seguro (HTTPS o localhost). Segundo, un MediaRecorder consume ese flujo y codifica los frames entrantes en un formato contenedor como WebM, cortando los datos en trozos mientras avanza. Tercero, al detenerte, los trozos se ensamblan en un unico Blob que puede reproducirse y descargarse. No se transmite nada: la codificacion ocurre en tu dispositivo, por eso un grabador de navegador puede producir un archivo incluso con la red apagada.
El contenedor y el codec dependen de tu navegador y plataforma. WebM con video VP8 o VP9 y audio Opus es la apuesta mas segura y funciona en Chrome, Firefox, Edge y Safari. MP4 se ofrece cuando el navegador informa soporte, algo cada vez mas comun en dispositivos nuevos pero no universal. Si eliges un formato que el navegador no puede codificar, esta pagina cae a WebM automaticamente. Al terminar la grabacion, aparece el boton de descarga con la extension correcta (.webm o .mp4) acorde a lo producido.
Antes de que empiece el flujo, el navegador muestra una peticion de permiso que te deja elegir que camara y microfono compartir -- los desplegables de esta pagina se rellenan con enumerateDevices(), y puedes cambiar de dispositivo y reabrir el flujo. Todo el procesado es local: los bytes de video nunca salen de tu maquina y la pagina no almacena nada. Al detener la grabacion, la luz de la camara se apaga y las pistas del flujo se liberan, asi que no queda ningun recurso retenido. En algunos sistemas la luz de la camara sigue encendida mientras la pagina tenga cualquier flujo, incluso silenciado.
La vista previa se refleja correctamente (la reproduccion silenciada evita el eco) y el temporizador mide el tiempo transcurrido. Para grabaciones largas, ten en cuenta que los trozos en memoria crecen con la duracion, asi que las sesiones muy largas usan mas memoria. Si necesitas grabar la pantalla en vez de la camara, se requiere otra API (getDisplayMedia) y esta fuera del alcance. Si la peticion de permiso se denego una vez, los navegadores suelen bloquear esa eleccion hasta que limpies la configuracion del sitio.