1

Como inserir gif no README do Github

#Linux
Rômulo Pinheiro
Rômulo Pinheiro

Introdução

Se você constantemente precisa postar o funcionamento de algum programa no Github, já deve ter percebido que infelizmente a plataforma não incorpora arquivos com a extensão .webm nos Readmes dos repositórios.


Este artigo é destinado a quem usa o Linux, e vai te mostrar o passo a passo de como gravar um vídeo de demonstração no Gnome, e convertê-lo para o formato gif.


1. Screencast do Gnome

Eu particularmente utilizo a ferramenta nativa de gravação de tela do gnome através do atalho:

CTRL + ALT + SHIFT + R

Após pressionar essa combinação de teclas você vai notar um cículo vermelho no canto superior direito da barra de status da área de trabalho indicando que a gravação começou. Quando quiser finalizar, é só pressionar as teclas novamente.



Ao terminar a gravação, um arquivo com a extensão .webm será gerado no diretório de Vídeos localizado em 'home/seu_nome_de_usuario/Vídeos/'.

Atenção: o local pode variar de acordo com a distro e suas preferencias.


O próximo passo requer que você converta o arquivo para gif, e existem muitas formas de se fazer isso. Inclusive sites especializados nessa tarefa, como o CloudConvert e o Convertio.


Se preferir fazer a conversão na unha, eu recomendo a ferramenta FFmpeg. Caso contrário, pule direto para a etapa 3.


2. FFmpeg

Uma ferramenta muito boa pra realizar esse tipo de trabalho. Ela é capaz de converter audio, vídeos, inserir legendas, e muito mais. Você pode baixa-la diretamenta do site oficial e seguir as instruções de instalação dos desenvolvedores.


A instalação também pode ser feita diretamente através do gerenciador de pacotes da sua distribuição favorita.


Fedora

sudo dnf install ffmpeg


Ubuntu

sudo apt install ffmpeg


CentOS

O repositório RPM Fusion depende do EPEL (Extra Packages for Enterprise Linux) Se a EPEL não estiver ativada no seu sistema, você pode ativar com o comando:

sudo yum install epel-release


e em seguida ativar o repositório RPM Fusion:

sudo yum localinstall --nogpgcheck https://download1.rpmfusion.org/free/el/rpmfusion-free-release-7.noarch.rpm


e assim que o repositório estiver ativado, instalar ffmpeg com:

sudo yum install ffmpeg ffmpeg-devel


Caso nenhuma dessas alternativas sirva para você, ou eu não tenha listado sua distribuição, existe a opção de compilar direto da fonte.


3. Inserindo o Gif no Readme

A forma mais direta é arrastando o gif com o mouse do seu desktop para o editor do github, que o sistema automaticamente faz o upload do arquivo e já cria o link via markdown.