Produtos f5sites para 2025

Para 2025 estou novamente fazendo uma tarefa habitual: organizando os produtos e lançamentos para o ano. Desde 2005, quando tentei lançar meu primeiro jogo, há 20 anos, não obtive sucesso em nenhum lançamento digital.

Porém, também é fato, que nunca consegui me dedicar integralmente a nenhum desses projetos, portanto é difícil dizer se algum projeto de fato virou um produto. No meio digital já produzi muita coisa, mas o objetivo é criar uma família de produtos como a Microsoft fez com um pacote Office, são programas separados mas com uma identidade comum.

Entre produtos digitais já lancei: jogos, sites, lojas, aplicativos mobile e conteúdos em texto e vídeo. Colocar vídeos em canais como YouTube, Instagram e Tik Tok, na verdade te colocam dentro de um produto de terceiro, mesmo assim é possível criar uma linguagem e identidade compartilhada entre os vídeos e outros tipos de produtos digitais, usando logo, fontes, cores e recursos visuais compartilhados.

Agora em 2025, novamente e sempre acreditando, existe a possibilidade desse processo de lançamento de produtos ter resultados diferentes. Muita coisa mudou, mas, principalmente, a infraestrutura para suportar todos os lançamentos e manutenção dos produtos, o custo é muito alto e foi sempre uma luta para manter sob controle, luta que se encerrou apenas em 2024 e que durou mais de 10 anos.

Ademais o fato e não estar trabalhando para nenhum cliente de projeto, isso me permite que tenha uma rotina muito bem estruturada para organizar uma maçaroca de informações de projetos espalhadas em diversos locais desde 2010. No meu github (franciscof5) é possível encontrar mais de 200 repositórios datados e catalogados com as tecnologias utilizadas. Agora estão sendo filtrados e atualizados todos os produtos que vão fazer parte da suíte F5 sites.

Os produtos estão sendo organizados no github e na página principal da F5 sites, serão feitos todos os links cruzados entre os projetos no github, os produtos em produção e sua página explicativa no site da F5 sites.

Timelapse Screencast: Trabalhar de forma pública, a experiência do Rafael Pedreiro na web

Há alguns anos acompanho os vídeos do Rafael Pedreiro e outros pedreiros na internet, vídeos de homens que fazem trabalhos “físicos”, trabalhos que após algumas horas são visíveis a “olho nu”. Sempre acreditei que este tipo de trabalho era mais fácil de ser gravado e apreciado na internet, com a famosa técnica de timelapse, onde o vídeo é acelerado, podemos ver por exemplo um pedreiro erguer muros onde antes não havia nada.

A visibilidade do muro e do trabalho de assentar tijolo é fascinante, em câmera acelerada é incrível, com os anos o Rafael Pedreiro encontrou ângulos e melhorou a edição para criar conteúdos viciantes. Desde 2017 tenho tentado fazer lives de programação no youtube, mas sempre desisto dessas tentativas porque não gostava da qualidade do produto final.

Precisava aprender com o Rafael, gravar uma live de 2 horas editando um site por exemplo era maçante, ou eu falava durante a live ou ficaria muitos minutos de silêncio de abas alternando e código sendo lentamente escrito. Em 2025 resolvi radicalizar, vou gravar como ele, usar o timelapse e um pomodoro de 25 minutos do meu site pomodoros.com.br vai ter segundos de gravação.

Primeiras tentativas

Assim nas primeiras tentativas aprendi a organizar meu desktop para a gravação, encontrei uma fórmula de gravação muito boa. Usando dois monitores, no meu monitor grande divido a tela em 2 quadrados, no quadrado esquerdo deixo o VS Codium aberto e no da direita o site que estou trabalhando num navegador sem abas, é importante não ter abas para um experiêcia de visualização muito próxima ao “muro do pedreiro”, se a visualização ficar poluída é semelhante ao pedreiro gravando o muro e passando com o carrinho de mão na frente toda a hora, ou deixando ferramentas na frente do vídeo.

As primeiras tentativas foram com o OBS, certamente o mais popular e fácil método, mas surgiram as limitações. No OBS você pode configurar o FPS, que são frames por segundo, porém não consegue acelerar o vídeo se diminuir o FPS, se gravar um frame por segundo, o frame vai ocupar um segundo e não vai criar o efeito de timelapse. Problema é que isso vai gerar arquivos enormes e exigir edição após a gravação. É o equivalente ao português tirar o manteiga do pão para vender.

Timelapse Screencast

Não encontrei nenhuma ferramenta que funcionasse como eu precisava, assim iniciei um script em python que grava a tela em forma acelerada, gerando no final um vídeo screencast de forma acelerada, o resultado ficou incrível. Além de gerar 2 formatos de vídeo, horizontal que é o vídeo original, e o vertical, que é uma edição onde empilha os 2 quadrados, deixando abaixo do vídeo o VS Codium e acima o site aberto.

A experiência foi riquíssima, aprendi muito sobre como eu trabalho:

  • Primeiro que o trabalho do programador é lento mesmo em câmera acelerada
  • ChatGPT e ia aceleram o trabalho, mas não tanto
  • Trabalhar de forma pública, ou seja, expondo seu trabalho na internet como faz o Rafael Pedreiro exige um nível de técnica, concentração e qualidade de nível elevado

Porém o script não estava pronto, nos vídeos do Rafael, ele narra por cima do vídeo acelerado, o que torna a experiência muito mais imersiva. Porém a diferença do tipo de trabalho, físico vs digital, aparece. Muitas vezes na câmera acelerada preciso dar um destaque para uma alteração, explicar o que precisa ser feito, então nesse momento estou criando um software completo de edição de vídeo que permite pausar o timelapse para poder gravar em tempo normal quando for explicar algum detalhe, como necessidade de alinhar ou corrigir algum elemento.

Open Source no Github

Abaixo segue o link do projeto, é mais um produto da f5sites para 2025, com foco no trabalho de edição de vídeo, será integrado com meu outro sistema de inteligência artifical, para publicar automaticamente os vídeos gerados nas redes sociais. Se você precisa um editor vídeo com essa qualidade única pode acessar abaixo:

https://github.com/franciscof5/timelapse-screencast-auto-vertical-video-recorder-python-2025