Estou tentando usar webcam conforme o video da Camila: https://www.youtube.com/watch?v=6W20rIinsOc
Porém estou com um erro na hora de mostrar a webcam, no meu pc o scriptfunciona, mas no scriptcase(que esta hospedado em um server) ele da erro.
Não sei se alguem já fez essa implementação e teve esse erro ou se a @camilamoreira talvez tenha visto isso.
Acredito que possa ser algo com o server, pois a mesma aplicação que roda na minha maquina nao roda no server, precisa ser feito alguma config sera?
Dentro do scriptcase que tenho na minha maquina também nao funciona
Nunca usei esse recurso, mas fiquei com uma dúvida: O exemplo d Camila roda em servidor com HTTPS ou somente com HTTP?
Acredito que o dela esteja usando HTTPS, e o meu HTTP, como faço pra alterar isso no ambiente de desenvolvimento?
Se o teu ambiente de desenvolvimento estiverem um servidor online, vais ter que pedir pra instalarem um certificado SSL. Se for local, você vai ter que fazer isso na tua máquina…
Servidor é local, pessoal que cuida dele esta tendo dificuldade com o certificado no scriptcase:https://ibb.co/WW128FZ
Assim que conseguirem a instalação documento aqui se funcionou.
Erro não é referente ao certificado SSL, segundo a NetMake. Em acesso com pessoal do SC foi relatado que a API usada pela Camila no video: https://www.youtube.com/watch?v=6W20rIinsOc não funciona se estiver em rodando em um server, ele só funciona se fozer a solicitação na mesma maquina que ta rodando, não sei como vou fazer pra mudar isso ainda, se alguem tiver usado webcam da maquina sendo que o SC esta instalado num servidor, e tiver alguma dica hehehe
Usando HTML5 não rolou?
Também não rolou, mas to lendo a fundo a documentação da API e realmente tem q usar SSL, não sei pq a NetMake ta insistindo em falar que não precisa. Vou fazer mais testes nesse quesito e mandar a documentação pra eles
tenho um aqui em php com jquery, funciona para tirar fotos, talvez consiga utilizar:
retirado de ItSolutionStuff.com
<!DOCTYPE html>
<html>
<head>
<title>Teste Captura Camera Jquery</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcamjs/1.0.25/webcam.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
<style type="text/css">
#results { padding:20px; border:1px solid; background:#ccc; }
</style>
</head>
<body>
<div class="container">
<h1 class="text-center">Captura de camera com php/jquery</h1>
<form method="POST" action="SalvarImagem.php">
<div class="row">
<div class="col-md-6">
<div id="my_camera"></div>
<br/>
<input type=button value="Clique para tirar foto" onClick="take_snapshot()">
<input type="hidden" name="image" class="image-tag">
</div>
<div class="col-md-6">
<div id="results">Imagem caprurada vai aparecer aqui...</div>
</div>
<div class="col-md-12 text-center">
<br/>
<button class="btn btn-success">Enviar</button>
</div>
</div>
</form>
</div>
<!-- Configure a few settings and attach camera -->
<script language="JavaScript">
Webcam.set({
width: 490,
height: 390,
image_format: 'jpeg',
jpeg_quality: 90
});
Webcam.attach( '#my_camera' );
function take_snapshot() {
Webcam.snap( function(data_uri) {
$(".image-tag").val(data_uri);
document.getElementById('results').innerHTML = '<img src="'+data_uri+'"/>';
} );
}
</script>
</body>
</html>Muito obrigado, vou ver se tem como adaptar esse codigo, testei esse diretamente e ele não encontra webcam(msm tendo uma plugada e funcionando), acho que pelo fato desse codigo rodar no meu SC no servidor local e não na minha maquina local.
aqui rodou localhost e na web, ele pede permissão para acessar a câmera, no celular só aparece a solicitação de permissão quando clica para tirar a foto, mas funcionou tb, todos testados com o chrome
Se eu usar em um arquivo html no meu pc, funciona:
Mesmo codigo no SC não funciona:
Passaram um novo passo a passo de instalação do certificado, repassei pros responsaveis da infra colocarem no server, vamos ver se dessa vez vai.
passado tutorial para uso de certificado SLL com o xampp, analisando para fazer uso ou se vamos deixar uso da camera apenas no aplicativo.