Lo siento mucho por la interfaz de usuario de la pregunta, no sé por qué las imágenes son tan grandes. Por favor, acepte mis disculpas.

Estoy haciendo un QrCodeScanner con getUserMedia del navegador y hasta ahora tengo esto.

No preste atención a los botones [SCAN QR, STOP QR], la cámara está entre ellos.

lo que quiero es algo asi

Alguien sabe cual es la forma de hacerlo?