Teste de Câmera

Um teste de câmera verifica se o navegador consegue acessar uma webcam, câmera USB externa ou câmera integrada do notebook e mostrar uma prévia ao vivo. Ele é útil antes de videoconferências, aulas online, entrevistas, transmissões ao vivo, gravações ou qualquer situação em que câmera errada, permissão bloqueada, tela preta, baixa resolução ou iluminação ruim possam atrapalhar. A ferramenta usa a permissão de câmera do navegador, mostra o fluxo real que a página consegue abrir e permite capturar uma imagem local para conferir enquadramento e nitidez. Ela ajuda a verificar dispositivo, resolução, taxa de quadros, proporção e qualidade básica sem enviar vídeo. Não corrige falhas de driver ou hardware; se não houver imagem, confira privacidade do sistema, outros apps, cabos e drivers.

A ferramenta de teste de câmera é construída sobre a especificação W3C Media Capture and Streams, usando navigator.mediaDevices.getUserMedia(constraints) para acessar a câmera. O parâmetro constraints é um objeto semelhante a JSON que especifica valores ideal, exact, min e max para resolução (width, height), taxa de quadros, modo de orientação e ID do dispositivo. O resolvedor de restrições do navegador negocia esses valores com os descritores UVC (USB Video Class) reportados pelo firmware da câmera; quando uma restrição exata não pode ser atendida, a chamada rejeita com OverconstrainedError — esse é o mecanismo por trás do verificador de suporte a resolução, que sonda cada resolução com restrições { exact } e marca as falhas.

Uma vez que o fluxo é obtido, a faixa de vídeo expõe getSettings() (os valores reais aplicados após a negociação), getCapabilities() (as faixas completas suportadas pelo hardware) e getConstraints() (o que foi originalmente solicitado). A resolução aplicada, taxa de quadros, proporção e modo de orientação são lidos de getSettings() e exibidos. A visualização ao vivo renderiza ao definir srcObject do elemento de vídeo como o MediaStream; o pipeline de mídia do navegador lida com decodificação, conversão de espaço de cores e renderização acelerada por GPU sem manipulação de pixels por JavaScript.

Para capturas estáticas, CanvasRenderingContext2D.drawImage(videoElement, 0, 0) captura o quadro de vídeo decodificado atual em um canvas oculto, e toDataURL('image/png') o serializa como uma data URL PNG. enumerateDevices() lista todos os dispositivos de entrada de mídia disponíveis — observe que os rótulos dos dispositivos são strings vazias até que o usuário tenha concedido permissão de câmera pelo menos uma vez, uma medida de prevenção contra fingerprinting. Chamar track.stop() libera o hardware da câmera e desliga a luz indicadora; definir videoElement.srcObject = null desanexa o pipeline de renderização. getUserMedia requer um contexto seguro (HTTPS ou localhost) e aciona um prompt de permissão por origem; a luz indicadora da câmera é aplicada no nível do sistema operacional e não pode ser contornada pela página.

• Negociação de restrições: O resolvedor do navegador corresponde valores ideal/exact/min/max com os descritores de hardware UVC — restrições { exact } falham com OverconstrainedError quando o sensor não consegue entregar a resolução solicitada, que é como a grade de suporte a resoluções é preenchida.
• Introspecção da faixa: getSettings() retorna a resolução, taxa de quadros, proporção e facingMode realmente aplicados após a negociação — esses valores podem diferir dos ideais solicitados quando a largura de banda USB ou as capacidades do sensor são limitadas.
• Privacidade do enumerateDevices: Rótulos dos dispositivos são strings vazias até que a permissão do getUserMedia seja concedida pelo menos uma vez por origem — uma medida anti-fingerprinting imposta pela especificação que também significa que o seletor de dispositivos mostra nomes genéricos na primeira visita.
• Captura estática via Canvas: drawImage() copia o quadro de vídeo decodificado do compositor da GPU para um buffer de pixels 2D sem re-encodar; toDataURL('image/png') então o serializa como PNG sem perda — o quadro nunca sai da memória do navegador.
• Modo de orientação: O VideoFacingModeEnum é lido de track.getSettings().facingMode ('user' para frontal, 'environment' para traseira, 'left'/'right' para externa) — nem todas as câmeras USB de desktop reportam orientação, então o campo pode mostrar 'unknown'.
• Ciclo de vida do fluxo: track.stop() libera o hardware da câmera e desliga a luz indicadora no nível do SO; srcObject = null desanexa o pipeline de renderização — ambos são necessários para liberar completamente o dispositivo para que outros aplicativos possam adquiri-lo.
• Modelo de segurança: getUserMedia requer um contexto seguro (HTTPS ou localhost), aciona um diálogo de permissão por origem, e o indicador da câmera é aplicado no nível do SO/kernel — a página não pode contornar nenhuma dessas três barreiras.