🎬
Ferramentas Utilitárias
May 21, 20265 min readBy BrowseryTools Team

Grave sua tela sem instalar nenhum software

Seu navegador pode gravar sua tela, janela ou aba usando a Screen Capture API. Aprenda a capturar vídeo para tutoriais, relatórios de bug e demonstrações — sem extensões.

gravador de telacaptura de telatutorialvídeoAPI do navegador

Os softwares de gravação de tela historicamente foram uma daquelas ferramentas em que você paga caro por algo que parece que deveria ser um utilitário básico. O Camtasia custa cerca de US$ 300 em compra única, ou US$ 170/ano por assinatura. O ScreenFlow para Mac sai por US$ 150. O Loom — que se posiciona como a opção leve — limita os usuários gratuitos a gravações de 5 minutos e empurra todo mundo para um plano pago. E cada uma dessas ferramentas exige instalação, criação de conta e confiar em um aplicativo de terceiros com acesso à sua tela inteira.

Eis o que a maioria das pessoas não percebe: o seu navegador já sabe gravar a sua tela. A Screen Capture API (getDisplayMedia) é um padrão do W3C que está presente em todos os principais navegadores há anos. O Gravador de Tela do BrowseryTools coloca uma interface limpa e prática em cima disso — para que você possa gravar sua tela, uma janela específica ou uma única aba do navegador sem instalar nada, criar uma conta ou pagar um centavo.

Compatibilidade de navegadores: isso funciona para 98%+ dos seus usuários

A Screen Capture API tem amplo suporte em todos os navegadores modernos. Você não precisa se preocupar com a compatibilidade para nenhum público realista:

NavegadorVersão mínimaAno de lançamentoObservações
Chrome72+2019Suporte completo, incluindo captura de aba
Edge79+2020Baseado no Chromium; mesmo suporte do Chrome
Firefox66+2019Suporte completo; ótima captura de áudio
Safari13+2019Suportado; captura de aba adicionada no Safari 15.4

A participação de mercado combinada dos navegadores nessas versões cobre bem mais de 98% dos usuários de desktop no mundo todo. Para fins práticos, se o seu público usa um navegador moderno — o que ele quase certamente faz — a Screen Capture API simplesmente funciona.

O que você pode capturar

Quando você clica em "Iniciar gravação", o navegador exibe seu seletor de tela nativo. Você recebe três modos de captura, e a escolha importa dependendo do seu caso de uso:

  • Tela inteira: Captura tudo o que estiver visível em um dos seus monitores. Melhor para demonstrações em que você alterna entre vários aplicativos ou quando quer mostrar comportamento em nível de sistema. Observe que isso mostra tudo — incluindo notificações, barra de tarefas e quaisquer outras janelas — então feche conteúdo sensível antes de gravar.
  • Uma janela de aplicativo específica: Captura apenas uma janela, mesmo que outras janelas a sobreponham. A gravação permanece focada nesse aplicativo. Boa para demonstrações de software em que você quer ficar em um único app sem revelar suas outras janelas abertas.
  • Uma única aba do navegador: Esta é a opção mais consciente em relação à privacidade. Apenas o conteúdo de uma aba do navegador é capturado — outras abas, sua barra de endereços, outros aplicativos e sua área de trabalho ficam completamente excluídos da gravação. Ideal para gravar tutoriais de aplicações web ou demonstrações baseadas no navegador sem mostrar mais nada.
Captura de aba para máxima privacidade: Se você estiver gravando uma demonstração de uma aplicação web e não quiser mostrar outras abas do navegador, outros aplicativos ou qualquer interface do sistema, use a opção "Aba do navegador" no seletor de tela. Apenas o conteúdo em pixels daquela única aba é capturado. Mais nada na sua máquina fica visível na gravação.

Passo a passo: como usar o Gravador de Tela do BrowseryTools

O processo inteiro leva menos de um minuto para obter sua primeira gravação. Veja exatamente como ele funciona:

  1. Abra a ferramenta: Acesse /tools/screen-recorder. Sem login, sem configuração, nada para instalar. A ferramenta está pronta no momento em que a página carrega.
  2. Clique em "Iniciar gravação": O navegador imediatamente mostra sua caixa de diálogo nativa de seleção de tela. Essa é uma interface em nível de navegador — o site não consegue ver nem influenciar o que é mostrado nessa caixa de diálogo, e não consegue começar a capturar até você confirmar explicitamente a sua seleção.
  3. Escolha o que capturar: Selecione "Tela inteira", "Janela" ou "Aba do navegador" nas abas do seletor. Clique na miniatura da tela/janela/aba que você quer gravar e, então, clique no botão "Compartilhar" para começar.
  4. Grave: A ferramenta exibe um contador de tempo decorrido ao vivo para que você sempre saiba há quanto tempo está gravando. Alterne para o aplicativo ou conteúdo que estiver demonstrando — a aba do navegador que roda o gravador permanece ativa em segundo plano. Você pode conferir o cronômetro dando uma olhada na aba.
  5. Clique em "Parar gravação": Quando terminar, clique em Parar. A gravação fica instantaneamente disponível como uma pré-visualização de vídeo dentro da ferramenta. Sem processamento, sem espera — ela aparece imediatamente porque tudo foi capturado localmente na memória.
  6. Pré-visualize e baixe: Assista à pré-visualização para confirmar que a gravação capturou o que você pretendia. Clique em "Baixar" para salvar o arquivo como um vídeo .webm na sua máquina local. A gravação nunca é enviada para lugar nenhum.

O formato de saída: WebM

A Screen Capture API gera vídeo no formato WebM usando o codec VP8 ou VP9 (dependendo de qual o seu navegador selecionar). O WebM é um formato aberto e isento de royalties desenvolvido pelo Google e padronizado para uso na web. Para screencasts especificamente, ele tem várias vantagens sobre o MP4:

  • Tamanho de arquivo menor: A compressão VP9 é altamente eficiente para conteúdo de tela com grandes áreas chapadas de cor, texto e elementos de interface — exatamente o que os screencasts contêm. Um screencast de 5 minutos em WebM costuma ser de 30% a 50% menor do que a mesma gravação em H.264 MP4.
  • Padrão aberto: Sem taxas de licenciamento, sem pagamentos de royalties, sem encargos de patentes. O WebM é o formato de vídeo nativo da web.
  • Reprodução direta no navegador: O WebM é reproduzido nativamente no Chrome, no Firefox e no Edge sem nenhum plugin. Você pode compartilhar um arquivo WebM e qualquer pessoa nesses navegadores pode assisti-lo diretamente.

Convertendo WebM para MP4: Se você precisar compartilhar a gravação com alguém que use o QuickTime no macOS ou o Windows Media Player — ou enviá-la para uma plataforma que não aceita WebM — você pode convertê-la gratuitamente usando uma ferramenta local como o HandBrake (código aberto, processamento local) ou usando a linha de comando do FFmpeg. A conversão leva alguns segundos e o MP4 resultante é universalmente compatível.

# FFmpeg one-liner to convert WebM to MP4 (free, local, no upload needed):
ffmpeg -i recording.webm -c:v libx264 -c:a aac output.mp4

Casos de uso: quando um gravador no navegador é exatamente o que você precisa

Relatórios de bug

Descrever um bug em texto é uma das experiências mais frustrantes no desenvolvimento de software. "Não funciona quando eu clico no botão" é quase inútil. Uma gravação de tela de 30 segundos dos passos exatos para reproduzir — mostrando no que você clicou, o que aconteceu, o que deveria ter acontecido — dá ao engenheiro tudo o que ele precisa para diagnosticar o problema imediatamente. Grave o bug enquanto ele acontece, baixe o WebM e anexe-o ao ticket. Sem upload para um serviço de terceiros, sem limites de tamanho no Jira ou no Linear e sem preocupações de privacidade sobre o que estava visível na sua tela durante a gravação.

Criação de tutoriais sem software pesado

Nem todo tutorial precisa de produção profissional. Se você está documentando um processo para a sua equipe — como configurar uma ferramenta, como navegar por um fluxo de trabalho complexo, como configurar um ambiente — uma gravação de tela com narração captura isso em minutos. O gravador do BrowseryTools permite que você inclua áudio do microfone (conceda a permissão ao navegador quando solicitado), para que você possa narrar enquanto trabalha. O resultado é um tutorial completo e autocontido que vive em um único arquivo para download.

Revisões de código

Comentários em texto em um pull request muitas vezes são insuficientes para um feedback cheio de nuances. Uma gravação de tela em que você percorre um diff verbalmente — "aqui na linha 42, estou preocupado com isso porque..." — é drasticamente mais eficiente do que escrever um comentário de cinco parágrafos. Grave um passo a passo de 3 minutos do PR, baixe-o e poste-o como anexo ou compartilhe o arquivo. Seu revisor recebe o contexto completo do seu raciocínio sem uma reunião.

Demonstrações remotas e comunicação assíncrona

Em vez de agendar uma reunião para demonstrar um recurso, grave-o. Uma gravação de 2 minutos mostrando o recurso funcionando muitas vezes é mais persuasiva e eficiente do que uma demonstração ao vivo, porque pode ser assistida a qualquer momento, repetida conforme necessário e compartilhada com qualquer pessoa na organização. Grave sua demonstração com antecedência, revise-a e envie-a quando estiver pronta. Sem agendamento, sem conflitos de fuso horário, sem o atrito do "você pode compartilhar a sua tela".

Tickets de suporte

Para equipes de suporte ou centrais de ajuda internas, uma gravação de tela enviada com um ticket de suporte reduz drasticamente as idas e vindas. Em vez de fazer ao usuário dez perguntas de esclarecimento sobre o que ele estava fazendo quando o problema ocorreu, ele grava exatamente o que aconteceu. O agente de suporte vê o problema em primeira mão, muitas vezes o resolve imediatamente, e o usuário obtém uma resposta mais rápida.

Áudio: incluindo o microfone na sua gravação

Quando você inicia a gravação, o navegador perguntará se deve incluir áudio. Se você quiser narrar sua gravação, permita o acesso ao microfone quando solicitado. Sua voz será gravada junto com a captura de tela no mesmo arquivo WebM — sem trilha de áudio separada para sincronizar, sem software adicional necessário.

Se você quiser gravar o áudio do sistema (os sons vindos do seu computador — música, sons de notificação, áudio de aplicativos), isso é tratado de forma diferente nos navegadores. O Chrome no Windows permite a captura de áudio do sistema ao gravar uma aba do navegador. No macOS, a captura de áudio do sistema requer um dispositivo de áudio virtual como o BlackHole ou o Loopback, já que o SO não expõe uma API de captura de áudio do sistema. Para a maioria dos casos de uso de screencast — em que a narração é o áudio principal — a gravação do microfone é suficiente e funciona de forma consistente em todas as plataformas.

Privacidade: a gravação nunca sai do seu navegador

Esse não é um detalhe menor. A gravação é armazenada na memória como um objeto Blobdentro da aba do seu navegador. Quando você clica em "Baixar", o navegador grava esse blob no seu sistema de arquivos local. Nada é enviado a nenhum servidor — nem aos servidores do BrowseryTools, nem a nenhum serviço de nuvem. A gravação não trafega pela rede em momento algum.

Isso importa mais quando você está gravando conteúdo sensível: fluxos de trabalho internos da empresa, dados de clientes, recursos de produtos não lançados ou qualquer coisa que não deva sair da sua máquina. Com gravadores de tela baseados na nuvem, você precisa confiar que a infraestrutura de upload, armazenamento e controle de acesso do provedor é segura. Com um gravador local baseado no navegador, não há upload com que se preocupar.

Limitações: o que o gravador do navegador não consegue fazer

A abordagem baseada no navegador é ideal para os casos de uso descritos acima, mas tem limitações genuínas que você deve conhecer antes de recorrer a ela em contextos em que ela ficará aquém:

  • Sem editor de vídeo embutido: O gravador captura e baixa o vídeo bruto. Se você precisar cortar o início e o fim, recortar trechos, adicionar destaques, dar zoom ou sobrepor texto, precisará de um editor de vídeo separado. Para edições rápidas, o VEED.io ou a versão gratuita do DaVinci Resolve fazem bem o corte básico.
  • Sem sobreposição de webcam: Não há feed de webcam em picture-in-picture. Se você precisar de uma sobreposição de "rosto falante" no canto da gravação, precisará de software de desktop como OBS ou Camtasia.
  • Restrições de memória para gravações muito longas: Como a gravação fica mantida na memória do navegador até ser baixada, gravações muito longas (mais de 45 minutos) podem consumir uma quantidade significativa de RAM. Para gravações de formato longo, um software de desktop que grava diretamente no disco enquanto grava é mais apropriado.
  • Sem compartilhamento automático na nuvem: O download é um arquivo local. Se o seu fluxo de trabalho exige hospedagem na nuvem imediata e um link compartilhável, você precisará enviar o arquivo manualmente depois ou usar um serviço como o Loom, que cuida da hospedagem automaticamente.

Quando você deve usar um software de desktop

O gravador no navegador é a ferramenta certa para gravações de curta a média duração em que a simplicidade e a privacidade importam. Mas o software de desktop é genuinamente melhor quando:

  • Você precisa gravar por mais de 30 minutos continuamente
  • Você precisa de uma sobreposição de webcam ou composição de várias fontes
  • Você precisa editar, adicionar legendas, efeitos de zoom ou anotações
  • Você precisa gravar gameplay ou conteúdo de alta taxa de quadros
  • Você precisa de upload automático na nuvem e links compartilháveis imediatamente após a gravação

Para esses casos, o OBS Studio (gratuito, código aberto) é a opção mais capaz. Para edição, o DaVinci Resolve tem um plano gratuito generoso. Ambos exigem instalação, mas oferecem recursos que vão muito além do que qualquer ferramenta baseada no navegador pode igualar.

Comparação: BrowseryTools vs. opções comuns de gravação de tela

RecursoBrowseryToolsLoom (Gratuito)OBS StudioCamtasia
CustoGrátisGrátis / US$ 12,50/mêsGrátis~US$ 300 (única vez)
Instalação necessáriaNãoExtensão necessáriaSimSim
Conta necessáriaNãoSimNãoSim
Vídeo enviado para a nuvemNuncaSempreNãoNão
Limite de duração da gravaçãoNenhum*5 min (gratuito)NenhumNenhum
Editor de vídeo embutidoNãoCorte básicoNãoSim (avançado)
Sobreposição de webcamNãoSimSimSim
Captura apenas da abaSimSimNãoNão
Formato de saídaWebMMP4 (nuvem)MP4/MKVMP4

* Gravações muito longas (>45 min) podem ser limitadas pela memória disponível do navegador.

Nota de privacidade: Quando você usa o Loom, cada gravação é enviada para os servidores do Loom e armazenada lá por padrão. O conteúdo da sua tela — que pode incluir ferramentas internas, dados sensíveis de clientes ou recursos não lançados — fica em um servidor de terceiros. As gravações do BrowseryTools nunca são enviadas. O arquivo vai do seu navegador diretamente para o seu disco rígido.

Comece a gravar agora

Para a grande maioria das tarefas de gravação de tela — um relatório de bug rápido, um tutorial para a equipe, uma demonstração de recurso, um passo a passo de revisão de código — o navegador é tudo de que você precisa. Sem instalação, sem assinatura, sem comprometer a privacidade.

Abra o Gravador de Tela do BrowseryTools, clique em Iniciar, capture o que você precisa e baixe. Todo o processo, desde abrir a ferramenta até ter um arquivo WebM na sua área de trabalho, leva menos de dois minutos.

🎬

Grave sua tela agora — grátis, sem instalação

Capture sua tela, janela ou aba do navegador. Baixe como WebM. Nada é enviado para lugar nenhum. Sem conta, sem extensão, sem custo.

Abrir Gravador de Tela →

Ferramentas relacionadas: Compressão de Imagem · Remoção de Fundo · Conversor de Imagem · Todas as BrowseryTools


🛠️

Try the Tools — 100% Free, No Sign-Up

Everything runs in your browser. No uploads. No accounts. No ads.

Explore All Tools →