# Graba la pantalla en el navegador, con tu cámara y tu voz

[Canonical HTML page](https://gradiently.design/es/guide/recording-camera-and-screen)

Un recorrido por tu producto, un saludo rápido a cámara o una voz en off para una diapositiva: las tres cosas se graban en la misma pestaña en la que diseñas, se revisan antes de ir a ningún sitio y caen en una línea de tiempo que ya lleva tu marca.

## The short version

- Gradiently puede grabar tu cámara con micrófono opcional, una pantalla, pestaña o ventana, o solo tu voz, directamente en el navegador.
- Cada clip se revisa antes de añadirlo a un diseño y se queda en tu navegador hasta que eliges Usar grabación.
- Que una grabación de pantalla incluya el sonido de la propia pantalla depende de tu navegador y de si compartes una pestaña, una ventana o la pantalla entera.
- Una grabación puede durar hasta 60 minutos, dentro de 100 MB para vídeo o 25 MB para un clip de voz.
- La grabación y la línea de tiempo forman parte de la edición de vídeo de Pro, y los vídeos terminados se exportan en MP4 o WebM hasta 1080p.

Puedes **grabar la pantalla en el navegador**, tu cámara o solo tu voz sin instalar nada: en Gradiently, abre la **Línea de tiempo** de un diseño, elige **Grabar** y selecciona una fuente. Tu navegador te pide permiso, grabas y el clip te espera para que lo veas o lo escuches. Solo cuando eliges **Usar grabación** sale de tu navegador y llega a la línea de tiempo, sobre tu Mark y las palabras que ya están en la página. La grabación forma parte de la edición de vídeo de Pro.

## Tres cosas que puedes grabar

| Fuente | Qué captura | Ideal para |
| --- | --- | --- |
| **Cámara** | Vídeo de tu webcam, con tu micrófono si lo activas | Una presentación a cámara, un agradecimiento, una novedad rápida |
| **Pantalla** | Una pestaña, una ventana o la pantalla entera, elegida en el diálogo para compartir del navegador | [Demos de producto](https://gradiently.design/es/guide/product-demo-video), recorridos, enseñar una web o una hoja de cálculo |
| **Voz** | Solo el audio de tu micrófono | Voces en off para diapositivas, carruseles convertidos en vídeo, consejos narrados |

Elige la fuente antes de empezar. Las grabaciones de pantalla también pueden añadir tu micrófono, para que hables sobre una demo en una sola toma.

Cada grabación puede durar hasta 60 minutos y no superar 100 MB de vídeo o 25 MB en un clip de voz. Aun así, las tomas largas rara vez son lo que buscas en redes. Para un feed, un clip de menos de un minuto suele bastar, y [vídeos a cámara](https://gradiently.design/es/guide/talking-head-video) explica cómo mantener ajustado un clip hablando a cámara.

## Cómo grabar la pantalla en el navegador

1. **Abre la Línea de tiempo y elige Grabar** En el Studio, abre la **Línea de tiempo** desde el diseño y luego **Grabar**. Elige **Pantalla**.
2. **Decide el sonido** Activa **Micrófono** para hablar durante la grabación. Activa **Audio de pantalla** si también quieres el sonido de lo que enseñas, como un vídeo que se reproduce en una pestaña.
3. **Empieza y elige qué compartir** Elige **Iniciar grabación**. Tu navegador abre su propio diálogo para compartir: elige una pestaña, una ventana o la pantalla entera. Una vista previa en directo muestra lo que se está capturando.
4. **Pausa si lo necesitas** **Pausar** y **Reanudar** te permiten saltarte lo aburrido, como una página cargando, sin tener que cortarlo después. Elige **Detener** cuando termines.
5. **Revisa antes de añadir** Mira el clip. Elige **Usar grabación** para añadirlo a la línea de tiempo, **Descartar** para volver a intentarlo o **Descargar clip** para guardar una copia en tu ordenador.

> **Comparte una pestaña, no toda la pantalla** Una sola pestaña muestra solo lo que quieres enseñar: sin notificaciones, sin barra de marcadores, sin otras ventanas. Además es la opción con más probabilidades de incluir el sonido de la página.

## Grabar la pantalla con audio: lo que decide tu navegador

Tu micrófono funciona igual en todas partes. El sonido de la pantalla, no. Que una grabación de pantalla pueda capturar el audio de lo que se ve lo deciden el navegador y lo que eliges compartir, no Gradiently. Los navegadores basados en Chromium, como Chrome y Edge, suelen poder compartir el audio de una pestaña; al compartir una pantalla entera o una ventana a menudo no hay sonido, y algunos navegadores no ofrecen audio de pantalla en absoluto. La guía de MDN sobre la [Screen Capture API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API) tiene el detalle técnico.

### Suele incluir audio de pantalla

- Compartir una sola pestaña del navegador
- Un navegador Chromium como Chrome o Edge
- Audio de pantalla activado antes de empezar
- La casilla de compartir audio marcada en el diálogo del navegador

### A menudo sin sonido

- Compartir una pantalla entera o la ventana de una app
- Navegadores que no ofrecen compartir audio
- Audio de pantalla desactivado en Gradiently
- La casilla de compartir audio sin marcar

Si el navegador no entrega el audio de la pantalla, Gradiently te lo dice, y el clip conserva tu micrófono si estaba activado. Si dudas, graba primero una prueba de cinco segundos y escúchala en la pantalla de revisión, que indica claramente si se incluyó audio.

## Grabar cámara y voz

Elige **Cámara** y activa **Micrófono** para un clip a cámara con sonido, o deja el micrófono apagado y añade música en la línea de tiempo más tarde. Elige **Voz** para grabar solo una voz en off: llega como pista de audio, lista para ir bajo las páginas de un carrusel o una presentación. La cancelación de eco y la supresión de ruido están activadas, así que basta con una habitación tranquila y un micrófono de auriculares decente.

Un formato de story vertical con un breve saludo de Maya sobre un fondo degradado vivo

Un clip de cámara encuadrado en una story: el Mark llena el formato alrededor de la grabación y las palabras mantienen la marca.

Una publicación vertical titulada Exporta un carrusel de una vez, pensada para contener una grabación de pantalla corta

Una grabación de pantalla dentro de una publicación vertical, con un título encima para que el mensaje llegue incluso sin sonido.

## Cuando la grabación no funciona

| Lo que ves | Qué hacer |
| --- | --- |
| Se denegó el acceso o se canceló el uso compartido | Permite la cámara o el micrófono en los ajustes del sitio de tu navegador, o elige una pantalla en el diálogo, y vuelve a intentarlo |
| No se encontró ningún dispositivo utilizable | Conecta una cámara o un micrófono y comprueba que está seleccionado en los ajustes de dispositivos del navegador |
| No se pudo abrir el dispositivo | Otra app lo está usando. Cierra videollamadas u otros grabadores y vuelve a intentarlo |
| La grabación de pantalla no está disponible en este navegador | Usa un navegador de escritorio compatible, o graba en otro sitio e importa el archivo |
| No se pudo añadir el clip | Tu grabación sigue ahí: descárgala o intenta añadirla de nuevo |

Grabar requiere una conexión segura y tu permiso cada vez que el navegador lo pida. No se sube nada hasta que eliges Usar grabación.

## Después de grabar: la línea de tiempo

Una vez añadido, el clip es una pista en la línea de tiempo. Recorta su inicio y su final, divídelo en el cabezal de reproducción, cambia su velocidad y su volumen, haz fundidos de entrada y salida, y añade subtítulos y música. Todo el proceso está en [añadir subtítulos a un vídeo](https://gradiently.design/es/guide/video-timeline-and-captions). Cada grabación se guarda también en tus archivos multimedia, así que puedes reutilizar el mismo clip en el siguiente diseño sin volver a subirlo.

Exporta el diseño terminado como vídeo MP4 o WebM, hasta 1080p, según lo que pueda grabar tu navegador. Dale el tamaño del sitio donde se verá primero: una story o Reel de 1080×1920, una publicación vertical de 1080×1350 o un formato de 1920×1080 para YouTube y presentaciones. [Tamaños de vídeo para redes sociales](https://gradiently.design/es/guide/social-video-sizes) recoge el resto, y [consejos para grabar la pantalla](https://gradiently.design/es/guide/screen-recording-tips) trata el oficio de una demo clara: un escritorio limpio, un cursor grande y una idea por clip.

## FAQ

### ¿Puedo grabar la pantalla en el navegador sin instalar nada?

Sí. Los navegadores de escritorio actuales pueden capturar una pestaña, una ventana o la pantalla cuando das permiso, y Gradiently graba directamente desde ahí en tu diseño.

### ¿Por qué mi grabación de pantalla no tiene sonido?

El audio de pantalla depende de tu navegador y de lo que compartes. Compartir una sola pestaña en un navegador Chromium como Chrome o Edge es lo que más probabilidades tiene de incluirlo; las pantallas enteras y las ventanas suelen ir sin sonido.

### ¿Cuánto puede durar una grabación en Gradiently?

Hasta 60 minutos, dentro de 100 MB para un clip de cámara o de pantalla y 25 MB para una grabación de voz.

### ¿Se sube mi grabación mientras grabo?

No. El clip se queda en tu navegador mientras lo revisas y solo se añade al diseño cuando eliges Usar grabación.

### ¿Necesito Pro para grabar vídeo en Gradiently?

Sí. La grabación de cámara, pantalla y voz forma parte de la edición de vídeo de Pro, junto con la línea de tiempo, los subtítulos y la música.