Ler QR code de imagem: estique a janela no vibe coding

O quadrado que lê o QR na tela, se ficar fixo, perde o código maior. Edvaldo estava finalizando a interface de um leitor de QR Code em vídeo no Android, e o funcionamento do leitor já existia. Faltava o recorte acompanhar o tamanho do código.

Antes, a janela de leitura era um quadrado único, parado na tela. Se o QR do YouTube passasse daquele tamanho, o app não lia. Ele colocou dimensionamento: o quadradinho aumenta ou diminui. Na live, esticou a janela sobre um vídeo que teoricamente não era para ser lido de uma tela e conseguiu a leitura. O QR está no frame do YouTube. Ler QR code de imagem, neste app, é recortar o que já está desenhado no player.

O quadrado fixo perde o QR maior

O projeto estava na fase de finalizar a interface. Edvaldo deixou o estado explícito: a parte de funcionamento do leitor já estava de pé. O que ainda limitava o uso era o retângulo que escolhia qual pedaço da tela ia para a leitura.

antes esse quadrado, essa parte que leu QR code, ele era fixo, aparecia só um quadrado na tela para você ler o QR code.

Quem posta um QR no YouTube escolhe o tamanho do código no frame. No celular, esse tamanho ainda muda com o jeito que o player mostra o vídeo. O quadrado fixo do app não acompanha isso. Se o QR cresce além da borda do recorte, o aplicativo recebe um pedaço do código e a leitura falha. Isso aparece também em meu celular não lê qr code.

A leitura é de imagem na tela. O app recorta o frame do player na região do quadradinho e tenta ler. Com um quadrado de um tamanho só, um QR maior que a janela fica cortado.

Dimensionar o recorte até o código caber

Ele colocou dimensionamento: o quadradinho agora aumenta ou diminui. Quem usa o app ajusta a janela até o QR do vídeo caber inteiro.

se o Qcode for maior, ele não conseguia ler. Então eu coloquei um dimensionamento, né? Agora esse quadradinho você consegue aumentar ou diminuir ele, tá? Ó, eu consegui fazer a leitura aqui. Tem um vídeo que teoricamente não era para ser lido de um de uma tela, foi só eu esticar.

O vídeo já estava na tela e o leitor já funcionava. Faltava o recorte acompanhar o código. Ele esticou o quadradinho e a leitura saiu. O recorte que ele esticou é a janela do leitor sobre o player, ainda visível na tela. Se o retângulo fica num tamanho só, os QRs maiores que ele ficam ilegíveis. Foi o mesmo caminho de vibe coding para nao pesar o leitor de qr no celular antigo.

No vibe coding de um leitor de tela, o quadrado sai do primeiro layout e você segue, porque o fluxo já funciona. O QR grande num frame de YouTube fica de fora. A correção que o Edvaldo fez foi deixar o usuário mudar a geometria até o código caber. O mesmo problema apareceu em como ler qr code na tela do celular.

O recorte no vibe coding precisa caber o QR

Na live a leitura aparece depois de esticar. O frame do YouTube com o QR que o quadrado fixo recusava passa a ser lido quando a janela cresce.

Edvaldo já tinha o leitor funcionando:

o a parte de funcionamento do leitor do QRCode já tá funcionando. Tem alguns porens, né? Porque que acontece? A maioria dos vídeos, quando o pessoal posta no YouTube, por exemplo, eh alguma parte do QR code, né, que o pessoal coloca, o aplicativo não tá conseguindo fazer leitura.

Há porens, e neste ponto da live o que ele corrige é o recorte menor que o código. O leitor de imagem na tela só enxerga o que está dentro do quadradinho. Aumentar a janela faz o QR maior entrar inteiro. Diminuir também existe no dimensionamento que ele descreveu. A prova que ele deu no ar foi o código grande, e a leitura veio quando ele esticou. Foi o mesmo caminho de vibe coding para so rodar em android 10 pra frente.

Teste o recorte com o frame real

Antes de travar o quadrado, abra 1 vídeo com QR na tela do celular, no tamanho em que o player aparece. Desenhe o quadrado fixo que você ia enviar e veja se o código cabe. Se o QR passa da borda, o app já falhou, mesmo com o leitor já funcionando.

Depois deixe a janela aumentar e diminuir. Use o mesmo frame e o mesmo leitor, com o quadradinho num tamanho diferente. Se a leitura aparece depois de esticar, você achou o bug de layout que o Edvaldo achou.

A live está gravada: assistir à live. O momento em que ele estica e lê é o teste que você pode repetir no seu recorte.

Esse é o jeito do vibe coding quando o objeto mora na tela dos outros. O tamanho do QR no vídeo veio de quem postou. A janela do seu recorte é o que você consegue mudar.