# Gravar o ecrã no navegador, mais a câmara e a voz

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

Uma demonstração de produto, um olá rápido à câmara ou uma narração para um slide: tudo se grava no mesmo separador onde desenhas, revisto antes de ir para algum lado e posto numa linha temporal que já veste a tua marca.

## The short version

- O Gradiently pode gravar a tua câmara com microfone opcional, um ecrã, separador ou janela, ou só a tua voz, diretamente no navegador.
- Cada clip é revisto antes de ser junto a um design e fica no teu navegador até escolheres Usar gravação.
- Se uma gravação de ecrã inclui o som do próprio ecrã depende do navegador e de partilhares um separador, uma janela ou o ecrã inteiro.
- Uma gravação pode durar até 60 minutos, com 100 MB para vídeo ou 25 MB para um clip de voz.
- A gravação e a linha temporal de vídeo fazem parte da edição de vídeo do Pro, e os vídeos acabados exportam-se em MP4 ou WebM até 1080p.

Podes **gravar o ecrã no navegador**, a câmara ou só a voz sem instalar nada: no Gradiently, abre a **Linha temporal** num design, escolhe **Gravar** e seleciona uma fonte. O navegador pede permissão, gravas, e o clip fica à espera de ser visto ou ouvido de novo. Só quando escolhes **Usar gravação** é que sai do navegador e vai para a linha temporal, por cima do teu Mark e das 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 podes gravar

| Fonte | O que capta | Bom para |
| --- | --- | --- |
| **Câmara** | Vídeo da tua webcam, com o microfone se o ligares | Uma apresentação à câmara, um agradecimento, uma novidade rápida |
| **Ecrã** | Um separador, uma janela ou o ecrã inteiro, escolhido na caixa de partilha do navegador | [Demonstrações de produto](https://gradiently.design/pt-pt/guide/product-demo-video), explicações passo a passo, mostrar um site ou uma folha de cálculo |
| **Voz** | Áudio só do microfone | Narrações para slides, carrosséis transformados em vídeo, dicas narradas |

Escolhe a fonte antes de começar. As gravações de ecrã também podem juntar o microfone, para falares por cima de uma demonstração numa só tomada.

Cada gravação pode durar até 60 minutos e ficar dentro de 100 MB para vídeo ou 25 MB para um clip de voz. Tomadas longas raramente são o que queres nas redes sociais, porém. Para um feed, um clip com menos de um minuto costuma chegar, e os [vídeos de rosto à câmara](https://gradiently.design/pt-pt/guide/talking-head-video) explicam como manter um clip direto e curto.

## Como gravar o ecrã no navegador

1. **Abre a Linha temporal e escolhe Gravar** No Studio, abre a **Linha temporal** a partir do design e depois **Gravar**. Escolhe **Ecrã**.
2. **Decide sobre o som** Liga o **Microfone** para falares por cima da gravação. Liga o **Áudio do ecrã** se também quiseres o som do que estás a mostrar, como um vídeo a passar num separador.
3. **Começa e depois escolhe o que partilhar** Escolhe **Iniciar gravação**. O navegador abre a sua própria caixa de partilha: escolhe um separador, uma janela ou o ecrã inteiro. Uma pré-visualização em direto mostra o que está a ser captado.
4. **Pausa se precisares** **Pausar** e **Retomar** deixam-te saltar a parte aborrecida, como uma página a carregar, sem teres de a cortar depois. Escolhe **Parar** quando acabares.
5. **Revê antes de juntar** Vê o clip de novo. Escolhe **Usar gravação** para o juntar à linha temporal, **Descartar** para tentar outra vez, ou **Descarregar clip** para guardar uma cópia no teu computador.

> **Partilha um separador, não o ecrã inteiro** Um só separador mostra apenas o que queres mostrar: sem notificações, sem barra de marcadores, sem outras janelas. É também a opção com mais probabilidade de incluir o som da página.

## Gravação de ecrã com áudio: o que o navegador decide

O microfone funciona da mesma forma em todo o lado. O som do ecrã não. Se uma gravação de ecrã consegue captar o áudio do que está no ecrã é decidido pelo navegador e pela superfície que escolhes partilhar, não pelo Gradiently. Os navegadores baseados em Chromium, como o Chrome e o Edge, costumam conseguir partilhar o áudio de um separador; partilhar o ecrã inteiro ou uma janela muitas vezes vem sem som, e alguns navegadores nem oferecem áudio do ecrã. O guia da MDN sobre a [Screen Capture API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API) tem o detalhe técnico.

### Provavelmente inclui áudio do ecrã

- Partilhar um único separador do navegador
- Um navegador Chromium, como o Chrome ou o Edge
- Áudio do ecrã ligado antes de começar
- A caixa de partilhar áudio assinalada na caixa do navegador

### Muitas vezes silenciosa

- Partilhar o ecrã inteiro ou a janela de uma aplicação
- Navegadores que não oferecem partilha de áudio
- Áudio do ecrã desligado no Gradiently
- A caixa de partilhar áudio por assinalar

Se o navegador não entregar o áudio do ecrã, o Gradiently avisa-te, e o clip mantém o teu microfone se estava ligado. Em caso de dúvida, grava primeiro um teste de cinco segundos e ouve-o no ecrã de revisão, que diz claramente se o áudio foi incluído.

## Gravar a câmara e a voz

Escolhe **Câmara** e liga o **Microfone** para um clip à câmara com som, ou deixa o microfone desligado e junta música na linha temporal mais tarde. Escolhe **Voz** para gravar uma narração sozinha: fica como uma faixa de áudio, pronta para ir por baixo das páginas de um carrossel ou de uma apresentação de slides. O cancelamento de eco e a supressão de ruído estão ligados, por isso uma sala silenciosa e um microfone de auscultadores razoável chegam.

Quadro vertical de story com um olá curto da Maya sobre um fundo em degradé vivo

Um clip de câmara enquadrado num story: o Mark enche o quadro à volta da gravação e as palavras ficam fiéis à marca.

Publicação vertical com o título Exporta um carrossel de uma vez, feita para conter uma gravação de ecrã curta

Uma gravação de ecrã dentro de uma publicação vertical, com um título por cima para a mensagem passar mesmo sem som.

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

| O que vês | O que fazer |
| --- | --- |
| O acesso foi negado ou a partilha foi cancelada | Permite a câmara ou o microfone nas definições do site no navegador, ou escolhe um ecrã na caixa, e tenta de novo |
| Não foi encontrado nenhum dispositivo utilizável | Liga uma câmara ou um microfone e verifica se está selecionado nas definições de dispositivos do navegador |
| Não foi possível abrir o dispositivo | Outra aplicação está a usá-lo. Fecha videochamadas ou outros gravadores e tenta de novo |
| A gravação de ecrã não está disponível neste navegador | Usa um navegador de computador compatível, ou grava noutro sítio e importa o ficheiro |
| Não foi possível juntar o clip | A gravação continua lá: descarrega-a ou tenta juntá-la de novo |

A gravação precisa de uma ligação segura e da tua permissão sempre que o navegador a pede. Nada é carregado até escolheres Usar gravação.

## Depois de gravares: a linha temporal

Depois de junto, o clip é uma faixa na linha temporal. Corta o início e o fim, divide-o na posição do cursor, muda a velocidade e o volume, faz fade in e out e junta legendas e música. Todo o processo está em [juntar legendas a um vídeo](https://gradiently.design/pt-pt/guide/video-timeline-and-captions). Cada gravação vai também para **Os teus ficheiros multimédia**, por isso o mesmo clip pode ser reutilizado no design seguinte sem ser carregado outra vez.

Exporta o design acabado como vídeo MP4 ou WebM, até 1080p, consoante o que o navegador consegue gravar. Dá-lhe o tamanho do sítio onde vai passar primeiro: um story ou Reel de 1080×1920, uma publicação vertical de 1080×1350 ou um quadro de 1920×1080 para YouTube e slides. Os [tamanhos de vídeo para redes sociais](https://gradiently.design/pt-pt/guide/social-video-sizes) listam os restantes, e as [dicas de gravação de ecrã](https://gradiently.design/pt-pt/guide/screen-recording-tips) tratam da arte de uma demonstração clara: um ambiente de trabalho limpo, um cursor grande e uma ideia por clip.

## FAQ

### Posso gravar o ecrã no navegador sem instalar nada?

Sim. Os navegadores de computador modernos conseguem captar um separador, uma janela ou o ecrã depois de dares permissão, e o Gradiently grava diretamente daí para o teu design.

### Porque é que a minha gravação de ecrã não tem som?

O áudio do ecrã depende do navegador e do que partilhas. Partilhar um só separador num navegador Chromium, como o Chrome ou o Edge, é o que mais provavelmente o inclui; ecrãs inteiros e janelas são muitas vezes silenciosos.

### Que duração pode ter uma gravação no Gradiently?

Até 60 minutos, com 100 MB para um clip de câmara ou ecrã e 25 MB para uma gravação de voz.

### A minha gravação é carregada enquanto gravo?

Não. O clip fica no teu navegador enquanto o revês e só é junto ao design quando escolhes Usar gravação.

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

Sim. A gravação de câmara, ecrã e voz faz parte da edição de vídeo do Pro, tal como a linha temporal, as legendas e a música.