3 pontos por GN⁺ 2025-04-29 | 1 comentários | Compartilhar no WhatsApp
  • Ferramenta para gravar a tela diretamente no navegador
  • Oferece recursos para criar demos de produto e tutoriais facilmente sem login
  • Permite criar visuais profissionais com facilidade por meio de estilização de tela e efeitos de webcam
  • Oferece gravações naturais e suaves com recursos de animação
  • Com uma interface amigável, é possível gravar, editar e compartilhar de forma rápida e fácil

Introdução ao ScreenRecorder.me

  • ScreenRecorder.me é uma ferramenta para gravar a tela diretamente no navegador
  • Oferece recursos para criar demos de produto e tutoriais facilmente sem login

Estilização de tela

  • Com a estilização de tela, é possível personalizar rapidamente cantos arredondados, sombras, bordas e cores
  • É possível alcançar uma gravação de tela profissional em poucos segundos

Efeitos de webcam

  • É fácil ajustar a aparência, posição, borda, sombra e cor da webcam
  • É possível criar visuais profissionais de webcam com facilidade

Animação

  • É possível animar a gravação de forma suave com rastreamento automático do mouse ou ajuste manual de posição
  • Todos os movimentos são naturais e suaves graças a animações baseadas em física

Interface amigável

  • Com uma interface amigável, é possível gravar, editar e compartilhar de forma rápida e fácil

1 comentários

 
GN⁺ 2025-04-29
Opiniões no Hacker News
  • Seria bom poder auto-hospedar esta ferramenta
    Eu até aceitaria comprar uma licença, mas não quero que ela rode em algum lugar que não seja meu próprio hardware
    Seria ótimo se empacotassem isso como um contêiner Docker implantável

    • Concordo. Com o tempo, é uma direção que vale bastante a pena considerar
      Sei também que a Basecamp vem experimentando o modelo Pay Once com bastante sucesso
    • Não precisa se preocupar com um contêiner Docker agora. A comunidade provavelmente conseguiria criar um por conta própria, mas, claro, isso seria um grande avanço
      Dito isso, para esta ferramenta sobreviver por muito tempo, antes de tudo ela realmente precisa do código-fonte
    • Quanto você estaria disposto a pagar considerando o valor de uso vitalício?
      Já criei uma ferramenta parecida, e poderia implementá-la como uma licença vendida para auto-hospedagem, com alguns recursos extras
  • Pessoal do HN, criei uma ferramenta de gravação de tela 100% baseada na web para gerentes de marketing de produto, desenvolvedores e qualquer pessoa que queira mostrar seu trabalho junto com um rosto falando
    Ela foi inspirada no ScreenStudio e facilita criar gravações polidas diretamente no navegador
    No começo usei ReMotion, mas encontrei limitações; então, muito inspirado pelos recursos do ReMotion, criei do zero um motor de animação próprio ajustado ao meu caso de uso
    Por causa das restrições de segurança do navegador, não dá para rastrear diretamente o movimento do cursor com getDisplayMedia(), então treinei um modelo YOLO personalizado para detecção de cursor. Com isso, consegui contornar as limitações do navegador e implementar animações suaves que seguem o mouse dentro da gravação

    • Bom trabalho. Gosto de como é simples começar
      Embora isso torne o cadastro um pouco mais trabalhoso, se possível valeria considerar uma extensão do Chrome para obter as coordenadas reais do mouse
      A animação parece um pouco áspera em comparação com o ScreenStudio, então coordenadas reais poderiam ajudar. Mas talvez mais suavização ou easing também resolvam
  • Parece legal, mas, por privacidade, prefiro gravar localmente e enviar o arquivo eu mesmo
    Venho usando a extensão https://cursorful.com/, que é exclusiva para Chrome e processa tudo localmente, sem enviar o vídeo para a nuvem
    Os recursos do plano gratuito já foram suficientes para mim

    • Usar hospedagem em nuvem permite gerenciar ativos de forma centralizada e facilita adicionar recursos interativos que exigem componentes do lado do servidor, como Arcade ou Supademo
      Analytics e personalização também ficam mais simples. No momento, armazenamos tudo no S3, mas excluímos os vídeos a cada poucos dias
      Se a recepção for boa, já temos experiência implementando padrões como SOC 2
    • Já usei o cursorful; se você o usa para fins comerciais, precisa comprar uma licença, então vale conferir
      O cursorful não é caro, mas, sinceramente, seria bom haver uma versão gratuita que também pudesse ser usada comercialmente
    • Bem legal. Em breve também vai sair uma versão open source disso
  • Isto pode armazenar informações de identificação pessoal e dados sensíveis de segurança, então uma política de privacidade é indispensável
    As pessoas são realmente problemáticas; já consigo ver alguém vazando informações secretas com isso

  • Entendo a grande preocupação com privacidade, mas isso pode ser resolvido de forma relativamente simples com uma política adequada de privacidade de dados e cumprindo de fato o que foi prometido
    Se a abordagem for de negócio, esse provavelmente não será o maior problema. Pelos comentários, independentemente da política, a maioria das pessoas não quer deixar gravações de tela em um serviço remoto
    Há algumas opções. Primeiro, criptografar o stream WebRTC de saída antes que ele deixe o dispositivo ou o navegador do cliente, usando algo como WebRTC Insertable Streams, e codificá-lo com uma chave local que só o cliente conhece e gerencia
    Assim, o provedor do serviço não conseguiria acessar as gravações de tela armazenadas, e o cliente poderia baixá-las e descriptografá-las quando necessário. Porém, seria preciso armazenar e transmitir uma quantidade enorme de dados, o que provavelmente tornaria o custo do serviço difícil de sustentar
    Segundo, fazer o mesmo que acima, mas permitir que o serviço descriptografe em nome do cliente para baixar mídia reproduzível. Nesse caso, surge o risco de segurança de a plataforma temporariamente poder “ver” o conteúdo
    Terceiro, salvar diretamente a gravação com algo como MediaRecorder WebM. Como o padrão ainda está se consolidando, há problemas de compatibilidade entre navegadores, e realidades irritantes como licenciamento de H.264 obrigam o uso de codificações menos óbvias

  • Parece que não funciona no Firefox nem no Safari. A caixa de diálogo fecha assim que abre

    • Estou investigando agora. Testei nos dois navegadores, mas talvez tenha quebrado ao mudar um pouco a página inicial
    • Obrigado novamente. Corrigi para funcionar no Firefox e estou fazendo o deploy agora. O Safari ainda está sob investigação
    • No Safari do macOS também falha de forma parecida
  • A série no YouTube é boa. É ótimo ver o processo de construir em público, no estado bruto
    Isto pode virar um killer app para criar vídeos do YouTube, mas, se não der para baixar o vídeo, não dá para publicar
    O “Export” funciona, mas entrega apenas um link específico compartilhável, não o arquivo mp4 original
    Há planos de adicionar esse recurso?

    • Com certeza vou adicionar. No Chrome, você pode clicar com o botão direito no vídeo e salvá-lo
      Obrigado também pelas palavras gentis sobre a série no YouTube. Meu objetivo é criar uma ferramenta para eu mesmo usar, então quero adicionar vários recursos, como páginas de título e texto
  • Parece que isso copiou o screen.studio de perto demais, o que deixa um gosto ruim
    Até na landing page mostra formatação do Google Sheets, como o screen studio
    Tudo bem se inspirar no screen studio, mas eles também são basicamente um desenvolvedor solo, então seria bom tentar ser um pouco mais original

    • Vivemos no capitalismo. Capitalismo é competir com os outros para ganhar dinheiro
      A propriedade intelectual tem proteções legais, e essas proteções já prejudicam inovação e criatividade em excesso
      Esta pessoa está atuando dentro dos limites legais e fazendo o mesmo que todo mundo faz nos negócios. Se não é ilegal, não vejo problema
      Se vamos falar de ética e moralidade do capitalismo, primeiro precisamos discutir como o todo é nocivo, em vez de culpar um caso isolado como prejudicial ou “ruim”
  • Excelente. Ainda há pontos a lapidar, mas gostei mais do que muitos aplicativos
    No meu caso, a câmera USB não funcionou bem no notebook, e eu só conseguia escolher uma, que era a câmera integrada do notebook
    Seria bom se aceitassem feedback e melhorassem. Mesmo que não façam isso, acho que vou usar, e gostei

    • Se você estiver disposto a dar feedback ao longo do tempo, vou implementar recursos que tenham casos de uso reais para esta ferramenta e que você pretenda continuar usando
      Quando eu começar a monetizar, oferecerei o serviço gratuito em troca disso
      O problema de proporção de tela que você mencionou não foi testado o suficiente, e só o feedback que você já deu é muito valioso. Vou corrigir isso
  • Legal, mas achei que o processamento fosse só do lado do cliente; pelo que vi, parece que o vídeo é armazenado remotamente depois de exportado. Você pode confirmar se é isso mesmo?

    • Sim. Os vídeos são armazenados no S3 e excluídos a cada poucos dias