Como exibir um QR Code na sua live

Olá a todos! Gostaria de compartilhar com vocês um widget que criei para exibir QR codes durante transmissões ao vivo no OBS Studio ou qualquer outro software de transmissão que possua suporte para navegador. O widget é simples de usar e possui diversas opções de personalização.

A ideia de criar este widget surgiu após uma amiga ter problemas com um widget similar do LivePix.gg, que acabou travando o OBS Studio dela devido ao alto uso de memória RAM. Para solucionar este problema, decidi criar um widget otimizado para computadores com menor capacidade, utilizando Bootstrap e Animate.css no CSS e QR-Creator para gerar o QR code. Além disso, utilizei o fitty para garantir que o texto se ajuste automaticamente ao tamanho.

Para utilizar o widget no OBS Studio, siga os seguintes passos:

1. Crie uma fonte do tipo "Navegador";
2. Adicione a URL do widget como fonte da página da web;
3. Configure os parâmetros do widget na URL adicionando os seguintes valores:
   url: URL para onde o QR Code deve redirecionar (padrão é https://xog.one)
   color: Cor do QR Code (padrão é #212529)
   show: Tempo de exibição do QR Code em minutos (padrão 1)
   hide: Tempo de ocultação do QR Code em minutos (padrão 10)
   interval: Tempo de exibição de cada mensagem em segundos (padrão 5)
   msg: Primeira mensagem (obrigatório)
   msg: Segunda mensagem (obrigatório)
   
4. Mensagens adicionais podem ser exibidas seguindo o padrão.

A URL final deve ser parecida com esta: https://git.xog.one/qrcode.widget/?url=https://www.exemplo.com&msg=Essa é a mensagem 1&msg=Essa é a mensagem 2&show=1&hide=10&interval=5&color=red

Após seguir estes passos, defina a largura em 240 e a altura em 300, e posicione o widget na tela conforme desejar.

Espero que este widget possa ser útil em suas transmissões ao vivo. Caso tenham alguma dúvida ou sugestão, por favor deixem um comentário abaixo.

Até mais!