# Gravar a tela no navegador, com câmera e voz

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

Uma demonstração de produto, um oi para a câmera ou uma narração para um slide: tudo pode ser gravado na mesma aba em que você cria, revisado antes de ir a qualquer lugar e colocado em uma linha do tempo que já tem a sua marca.

## The short version

- O Gradiently grava sua câmera com microfone opcional, uma tela, aba ou janela, ou só a sua voz, direto no navegador.
- Todo clipe é revisado antes de entrar em um design e fica no seu navegador até você escolher Usar gravação.
- Se uma gravação de tela inclui o som da própria tela depende do navegador e de você compartilhar uma aba, uma janela ou a tela inteira.
- Uma gravação pode durar até 60 minutos, dentro de 100 MB para vídeo ou 25 MB para um clipe de voz.
- A gravação e a linha do tempo de vídeo fazem parte da edição de vídeo do Pro, e os vídeos prontos são exportados em MP4 ou WebM até 1080p.

Você pode **gravar a tela no navegador**, a câmera ou só a voz sem instalar nada: no Gradiently, abra a **Linha do tempo** de um design, escolha **Gravar** e selecione uma fonte. O navegador pede permissão, você grava, e o clipe espera você assistir ou ouvir de novo. Só quando você escolhe **Usar gravação** ele sai do navegador e vai para a linha do tempo, sobre o seu Mark e as palavras que já estão na página. A gravação faz parte da edição de vídeo do Pro.

## Três coisas que você pode gravar

| Fonte | O que captura | Bom para |
| --- | --- | --- |
| **Câmera** | Vídeo da webcam, com o microfone se você ativá-lo | Uma apresentação falando para a câmera, um agradecimento, uma novidade rápida |
| **Tela** | Uma aba, uma janela ou a tela inteira, escolhida na caixa de compartilhamento do navegador | [Demonstrações de produto](https://gradiently.design/pt-br/guide/product-demo-video), passo a passo, mostrar um site ou uma planilha |
| **Voz** | Só o áudio do microfone | Narrações para slides, carrosséis transformados em vídeo, dicas narradas |

Escolha a fonte antes de começar. Gravações de tela também podem incluir o microfone, então você fala por cima da demonstração em uma só tomada.

Cada gravação pode durar até 60 minutos e ficar dentro de 100 MB para vídeo ou 25 MB para um clipe de voz. Mesmo assim, takes longos raramente são o que você quer nas redes. Para um feed, um clipe de menos de um minuto costuma resolver, e [vídeos falando para a câmera](https://gradiently.design/pt-br/guide/talking-head-video) explica como manter um clipe enxuto.

## Como gravar a tela no navegador

1. **Abra a Linha do tempo e escolha Gravar** No Studio, abra a **Linha do tempo** a partir do design e depois **Gravar**. Escolha **Tela**.
2. **Decida sobre o som** Ative **Microfone** para falar por cima da gravação. Ative **Áudio da tela** se também quiser o som do que está mostrando, como um vídeo tocando em uma aba.
3. **Inicie e escolha o que compartilhar** Escolha **Iniciar gravação**. O navegador abre a própria caixa de compartilhamento: escolha uma aba, uma janela ou a tela inteira. Uma prévia ao vivo mostra o que está sendo capturado.
4. **Pause se precisar** **Pausar** e **Retomar** deixam você pular a parte chata, como uma página carregando, sem precisar cortar depois. Escolha **Parar** quando terminar.
5. **Revise antes de adicionar** Assista ao clipe de novo. Escolha **Usar gravação** para adicioná-lo à linha do tempo, **Descartar** para tentar outra vez ou **Baixar clipe** para guardar uma cópia no computador.

> **Compartilhe uma aba, não a tela inteira** Uma única aba mostra só o que você quer mostrar: sem notificações, sem barra de favoritos, sem outras janelas. É também a escolha com mais chance de incluir o som da página.

## Gravar a tela com áudio: o que o navegador decide

O microfone funciona do mesmo jeito em qualquer lugar. O som da tela, não. Se uma gravação de tela consegue capturar o áudio do que aparece nela é decidido pelo navegador e pela superfície que você escolhe compartilhar, não pelo Gradiently. Navegadores baseados em Chromium, como Chrome e Edge, em geral conseguem compartilhar o áudio de uma aba; compartilhar a tela inteira ou uma janela muitas vezes vem sem som, e alguns navegadores nem oferecem áudio da tela. O guia da MDN sobre a [Screen Capture API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API) traz os detalhes técnicos.

### Provavelmente inclui áudio da tela

- Compartilhar uma única aba do navegador
- Um navegador Chromium, como Chrome ou Edge
- Áudio da tela ativado antes de começar
- A opção de compartilhar áudio marcada na caixa do navegador

### Muitas vezes sem som

- Compartilhar a tela inteira ou a janela de um aplicativo
- Navegadores que não oferecem compartilhamento de áudio
- Áudio da tela desativado no Gradiently
- A opção de compartilhar áudio deixada desmarcada

Se o navegador não entregar o áudio da tela, o Gradiently avisa, e o clipe mantém o microfone se ele estava ativado. Na dúvida, grave primeiro um teste de cinco segundos e ouça na tela de revisão, que diz claramente se o áudio foi incluído.

## Gravar câmera e voz

Escolha **Câmera** e ative **Microfone** para um clipe falando para a câmera com som, ou deixe o microfone desligado e adicione música na linha do tempo depois. Escolha **Voz** para gravar uma narração sozinha: ela vira uma faixa de áudio, pronta para ficar sob as páginas de um carrossel ou de uma apresentação. O cancelamento de eco e a supressão de ruído ficam ligados, então uma sala silenciosa e um bom microfone de headset bastam.

Um quadro vertical de story com um oi curto da Maya sobre um fundo em degradê vivo

Um clipe de câmera enquadrado em um story: o Mark preenche o quadro em volta da gravação e as palavras seguem a marca.

Um post vertical com o título Exporte um carrossel de uma vez, feito para receber uma gravação de tela curta

Uma gravação de tela dentro de um post vertical, com um título acima para a ideia chegar mesmo sem som.

## Quando a gravação não funciona

| O que você vê | O que fazer |
| --- | --- |
| O acesso foi negado ou o compartilhamento cancelado | Permita a câmera ou o microfone nas configurações do site no navegador, ou escolha uma tela na caixa, e tente de novo |
| Nenhum dispositivo utilizável foi encontrado | Conecte uma câmera ou um microfone e confira se ele está selecionado nas configurações de dispositivos do navegador |
| Não foi possível abrir o dispositivo | Outro aplicativo o está usando. Feche videochamadas ou outros gravadores e tente de novo |
| A gravação da tela não está disponível neste navegador | Use um navegador de computador compatível, ou grave em outro lugar e importe o arquivo |
| Não foi possível adicionar o clipe | Sua gravação continua lá: baixe-a ou tente adicioná-la de novo |

A gravação exige uma conexão segura e a sua permissão toda vez que o navegador pedir. Nada é enviado até você escolher Usar gravação.

## Depois de gravar: a linha do tempo

Depois de adicionado, o clipe é uma faixa na linha do tempo. Corte o começo e o fim, divida na posição do cursor, mude a velocidade e o volume, aplique fade de entrada e saída e depois adicione legendas e música. O processo completo está em [adicionar legendas a um vídeo](https://gradiently.design/pt-br/guide/video-timeline-and-captions). Toda gravação também vai para **Suas mídias**, então o mesmo clipe pode ser reutilizado no próximo design sem enviar de novo.

Exporte o design pronto como vídeo MP4 ou WebM, até 1080p, conforme o que o navegador consegue gravar. Dimensione para onde ele vai tocar primeiro: um story ou Reel de 1080×1920, um post vertical de 1080×1350 ou um quadro de 1920×1080 para YouTube e slides. [Tamanhos de vídeo para redes sociais](https://gradiently.design/pt-br/guide/social-video-sizes) lista os demais, e [dicas de gravação de tela](https://gradiently.design/pt-br/guide/screen-recording-tips) trata da técnica de uma demonstração clara: área de trabalho limpa, cursor grande e uma ideia por clipe.

## FAQ

### Dá para gravar a tela no navegador sem instalar nada?

Dá. Navegadores modernos de computador capturam uma aba, janela ou tela depois que você dá permissão, e o Gradiently grava direto disso para o seu design.

### Por que minha gravação de tela está sem som?

O áudio da tela depende do navegador e do que você compartilha. Compartilhar uma única aba em um navegador Chromium, como Chrome ou Edge, é o que mais tem chance de incluí-lo; telas inteiras e janelas costumam ficar mudas.

### Quanto tempo uma gravação pode durar no Gradiently?

Até 60 minutos, dentro de 100 MB para um clipe de câmera ou tela e 25 MB para uma gravação de voz.

### Minha gravação é enviada enquanto eu gravo?

Não. O clipe fica no seu navegador enquanto você o revisa e só é adicionado ao design quando você escolhe Usar gravação.

### Preciso do Pro para gravar vídeo no Gradiently?

Sim. Gravar câmera, tela e voz faz parte da edição de vídeo do Pro, junto com a linha do tempo, as legendas e a música.