Grabador de pantalla y cámara

Graba una presentación con tu cámara en una esquina

Una grabación de pantalla suele ser más fácil de seguir cuando los espectadores también ven a quien presenta. Esta herramienta captura la fuente de pantalla seleccionada y tu webcam, dibuja ambas en un canvas del navegador y graba ese canvas como un nuevo flujo de vídeo. La webcam aparece como una superposición de imagen en imagen en la esquina inferior derecha, de modo que el WebM descargado ya contiene la vista combinada. No se sube ningún fotograma para la composición y ningún servicio de backend recibe el contenido de tu cámara o pantalla. Todo lo necesario para el diseño final ocurre en una sola pestaña después de conceder los permisos al navegador.

El flujo de trabajo usa las API modernas del navegador: getDisplayMedia para la pantalla, getUserMedia para la cámara y el micrófono, captureStream del canvas para el vídeo compuesto y MediaRecorder para el archivo final. Si el navegador también puede capturar el audio de la pestaña o del sistema desde el selector de pantalla, ese audio se mezcla con el micrófono en el navegador antes de grabar.

Mejores usos y limitaciones actuales

Usa el grabador de pantalla y cámara para demostraciones de producto, explicaciones de clases, tutoriales paso a paso y actualizaciones asíncronas en las que un rostro aporte contexto. Como la superposición se dibuja en tiempo real, los dispositivos muy antiguos pueden tener dificultades con pantallas de alta resolución. La compatibilidad con el audio del sistema también varía según el navegador, y la grabación del canvas requiere un navegador que implemente captureStream. La herramienta comprueba estas capacidades antes de empezar e informa de problemas de permisos o compatibilidad con un lenguaje claro.

Cómo preparar una composición limpia

Organiza el contenido que quieres mostrar antes de pulsar Iniciar y mantén los botones importantes lejos de la esquina inferior derecha, donde aparece la superposición de la webcam. Elige una sala tranquila y buena iluminación frontal para que el recuadro de la cámara siga siendo útil en un tamaño más pequeño. Si vas a grabar una sesión de formación larga, considera dividirla en varios clips más cortos. Las grabaciones más pequeñas son más fáciles de revisar, repetir y compartir una vez descargadas en local.