Erro de Webcam JS: Não foi possível acessar Overconstrainederror


Encontrar um problema de “não foi possível acessar a webcam” com Webcam.js pode ser extremamente frustrante, especialmente quando você está no meio de uma tarefa importante. Vamos explorar algumas soluções práticas para fazer sua webcam funcionar novamente.

Como posso corrigir o erro do Webcam JS?

Antes de tentar qualquer outra coisa, verifique se o problema aparece em outros navegadores ou PCs. Além disso, verifique se a webcam está devidamente conectada e se nenhum outro aplicativo a está utilizando.

1. Assegure a conexão HTTPS

  1. Abra o Chrome e navegue até o site onde você está encontrando o erro webcam.js.
  2. Verifique a URL na barra de endereços para garantir que começa com https.

navegador https

  1. Se começar com HTTP, atualize seu site para usar HTTPS. Para isso, você precisará comprar um certificado SSL e instalá-lo no servidor.

Para evitar erros como este, todos os recursos precisam ser carregados usando HTTPS.

2. Redefina as permissões da câmera

  1. Abra o Chrome e navegue até o site que está experimentando o erro webcam.js.
  2. Clique no ícone da câmera na barra de endereços (pode aparecer como uma câmera bloqueada).
  3. Selecione Permitir para usar a câmera.

permitir acesso à câmera

  1. Atualize a página para aplicar a nova configuração.

3. Ative origens inseguras tratadas como seguras

  1. Abra o Chrome e digite chrome://flags/#unsafely-treat-insecure-origin-as-secure na barra de endereços, em seguida, pressione Enter.

chrome flags tratar inseguro como seguro

  1. Encontre a opção para Origens inseguras tratadas como seguras.
  2. Ative a opção e adicione os endereços que deseja tratar como seguros, incluindo o número da porta, se necessário.

habilitado origem insegura tratada como segura

  1. Salve e reinicie o Chrome.

Esse método alternativo permite que você contorne temporariamente a política de origem segura. Pode ser útil se você não puder mudar para HTTPS imediatamente, mas precisa testar a funcionalidade da webcam em um site inseguro.
Leia mais sobre este tópico

  • Como se inscrever e criar uma nova conta Gmail [Guia Fácil]
  • Muitas solicitações concorrentes no ChatGPT: 3 maneiras de corrigir isso
  • 3 maneiras simples de corrigir o erro 41 no Disney Plus

4. Revisite a implementação do webcam.js

  1. Certifique-se de que está usando a versão mais recente do Webcam.js baixando-a do GitHub.
  2. Verifique sua implementação em relação à documentação para garantir que todas as configurações estejam corretamente configuradas.

Webcam.set({ largura: 320, altura: 240, formato_imagem: 'jpeg', qualidade_jpeg: 90 }); Webcam.attach('#my_camera');

  1. Inclua tratamento de erros para gerenciar quaisquer problemas que surgirem durante a inicialização. Webcam.on('error', function(err) { console.log(err); });

5. Limpe o cache do navegador

  1. Abra o Chrome, vá ao menu de configurações e clique em Limpar dados de navegação.

excluir dados de navegação chrome

  1. Defina o Intervalo de tempo como Todo o tempo e selecione os dados a serem removidos. Clique em Limpar dados.

limpar dados de navegação no google chrome

  1. Feche completamente o Chrome e reinicie-o.
  2. Tente acessar a webcam novamente no site.

Seguindo essas soluções, você deve conseguir resolver a mensagem “webcam.js não conseguiu acessar o overconstrainederror”. Se o problema ainda persistir, pode ser interessante usar outras bibliotecas como JpegCamera ou CameraTag.

Para saber mais sobre como sua webcam funciona, temos um guia que permite ver qual aplicativo está usando sua câmera. Também temos um artigo sobre como testar sua webcam, então não perca.

Antes de sair, você sabia que pode usar uma webcam sem drivers? Isso mesmo, e abordamos esse assunto em outro guia.