-
Posts
613 -
Joined
-
Last visited
-
Days Won
70
Marlon Nardi's Achievements
Advanced Member (4/4)
233
Reputation
Single Status Update
See all updates by Marlon Nardi
-
Boa noite Marlon!
Seria possível vc me dar uma ajuda, é seguinte eu estou usando este script para tirar foto com a webcam:
<html>
<body>
<video id="player" width=320 height=240 class='center' autoplay></video>
<canvas id="snapshot" width=320 height=240></canvas>
<script>
var player = document.getElementById('player');
var snapshotCanvas = document.getElementById('snapshot');var handleSuccess = function(stream) {
//Anexe o stream de vídeo ao elemento de vídeo e reproduza automaticamente.
player.srcObject = stream;
};navigator.mediaDevices.getUserMedia({video: true})
.then(handleSuccess);document.getElementById("player").addEventListener("click", function() {
var context = snapshot.getContext('2d');
// Desenhe o quadro do vídeo na tela.
context.drawImage(player, 0, 0, snapshotCanvas.width,
snapshotCanvas.height);
var d = document.getElementById('snapshot').toDataURL('image/png');
d = d.slice(d.indexOf(',')+1);
ajaxRequest(FormTakePic.hfrWebCamPic, 'saveimg', ['img='+d]);
//close();
});Ocorre que depois de tirar a foto a webcam fica ligada e não desliga só se der um restart na pagina.
Estou precisando saber como eu faço para desativar a webcam.
Sou iniciante,
Desde já muito obrigado.
Ronaldo
- Show previous comments 1 more
-
Oi boa noite, eu mandei o exemplo que estou utilizando, e adaptando para o meu sistema, como lhe disse sou iniciante.
Não consigo desligar a webcam, ela abre normalmente tira a foto, e não consigo desliga-la.
Desde já obrigado.
Ronaldo.
-
Olá Rone, desculpe a demora.
Seu problema foi resolvido, fiz algumas mudanças no seu código, agora ambos possuem os métodos start() e stop()
Para facilitar eu vou criar um componente que possua todos esse eventos e vou disponibilizar de forma gratuita (free)<html> <body> <video id="player" width="640" height="480" class="center" autoplay></video> <canvas id="snapshot" width="640" height="480"></canvas> <script> var player = document.getElementById("player"); var snapshotCanvas = document.getElementById("snapshot"); function start(e) { var handleSuccess = function (stream) { //Anexe o stream de vídeo ao elemento de vídeo e reproduza automaticamente. player.srcObject = stream; }; navigator.mediaDevices .getUserMedia({ video: true }) .then(handleSuccess); } document.getElementById("player").addEventListener("click", function () { var context = snapshot.getContext("2d"); // Desenhe o quadro do vídeo na tela. context.drawImage( player, 0, 0, snapshotCanvas.width, snapshotCanvas.height ); var d = document.getElementById("snapshot").toDataURL("image/png"); d = d.slice(d.indexOf(",") + 1); // ajaxRequest(FormTakePic.hfrWebCamPic, "saveimg", ["img=" + d]); }); function stop(e) { var stream = document.getElementById("player").srcObject; var tracks = stream.getTracks(); for (var i = 0; i < tracks.length; i++) { var track = tracks[i]; track.stop(); } document.getElementById("player").srcObject = null; } start(); </script> </body> </html>
-
Boa tarde, Marlon Nardi
Estou tentando ainda, não sei como eu faço para chamar a função para encerrar a Webcam. - Show next comments 3 more