Skip to main content
se eliminaron 244 caracteres en el cuerpo
Origen Enlace
PANGALLETA
  • 399
  • 1
  • 5
  • 19

Hice una funcion para tomar una foto con la camara del pc pero no me muestra nada alguien sabe que pasa   

window.addEventListener('load', init);

functionconst init()captureVideoButton {=
  var video = document.querySelector('#v''#screenshot .capture-button'),;
   const canvasscreenshotButton = document.querySelector('#c''#screenshot-button'),;
   const btnimg = document.querySelector('#t''#screenshot img'),;
   const imgvideo = document.querySelector('#img''#screenshot video');

 const navigator.getUserMediacanvas = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUSerMedia || navigatordocument.msGetUserMediacreateElement('canvas');

  if (navigator.getUserMedia) {
    navigatorcaptureVideoButton.getUserMedia({
      video: true
   onclick },= function(stream) {
      video.src = windownavigator.URLmediaDevices.createObjectURLgetUserMedia(streamconstraints);
      video.play();
    }, functionthen(ehandleSuccess) {
      console.logcatch(ehandleError);
    });

  screenshotButton.onclick = video.addEventListener('loadedmetadata',onclick = function() {
      canvas.width = video.videoWidth,videoWidth;
  canvas.height = video.videoHeight;
    }, false);
    btn.addEventListener('click', function() {
      canvas.getContext('2d').drawImage(video, 0, 0);
  // Other browsers will varfall imgDataback =to canvas.toDataURL('imageimage/png');png
    img.src = imgcanvas.setAttributetoDataURL('src', imgData'image/webp');
 
    });

  }function elsehandleSuccess(stream) {
  screenshotButton.disabled = alert("Actualizafalse;
 tu nvegador");

video.srcObject = }
stream;
}
<img src="" id="img">
<video id="v"><autoplay></video>
<canvas<img id="c"></canvas>src="">
<button id ="t">Toma una<canvas Foto<style="display:none;"></button>canvas>

Hice una funcion para tomar una foto con la camara del pc pero no me muestra nada alguien sabe que pasa  

window.addEventListener('load', init);

function init() {
  var video = document.querySelector('#v'),
    canvas = document.querySelector('#c'),
    btn = document.querySelector('#t'),
    img = document.querySelector('#img');

  navigator.getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUSerMedia || navigator.msGetUserMedia);

  if (navigator.getUserMedia) {
    navigator.getUserMedia({
      video: true
    }, function(stream) {
      video.src = window.URL.createObjectURL(stream);
      video.play();
    }, function(e) {
      console.log(e)
    });

    video.addEventListener('loadedmetadata', function() {
      canvas.width = video.videoWidth, canvas.height = video.videoHeight;
    }, false);
    btn.addEventListener('click', function() {
      canvas.getContext('2d').drawImage(video, 0, 0);
      var imgData = canvas.toDataURL('image/png');
      img.setAttribute('src', imgData);
 
    });

  } else {
    alert("Actualiza tu nvegador");

  }

}
<img src="" id="img">
<video id="v"></video>
<canvas id="c"></canvas>
<button id ="t">Toma una Foto</button>

Hice una funcion para tomar una foto con la camara del pc pero no me muestra nada alguien sabe que pasa 

const captureVideoButton =
  document.querySelector('#screenshot .capture-button');
const screenshotButton = document.querySelector('#screenshot-button');
const img = document.querySelector('#screenshot img');
const video = document.querySelector('#screenshot video');

const canvas = document.createElement('canvas');

captureVideoButton.onclick = function() {
  navigator.mediaDevices.getUserMedia(constraints).
    then(handleSuccess).catch(handleError);
};

screenshotButton.onclick = video.onclick = function() {
  canvas.width = video.videoWidth;
  canvas.height = video.videoHeight;
  canvas.getContext('2d').drawImage(video, 0, 0);
  // Other browsers will fall back to image/png
  img.src = canvas.toDataURL('image/webp');
};

function handleSuccess(stream) {
  screenshotButton.disabled = false;
  video.srcObject = stream;
}
<video autoplay></video>
<img src="">
<canvas style="display:none;"></canvas>

Origen Enlace
PANGALLETA
  • 399
  • 1
  • 5
  • 19

Problemas con la Camara en javascript

Hice una funcion para tomar una foto con la camara del pc pero no me muestra nada alguien sabe que pasa

window.addEventListener('load', init);

function init() {
  var video = document.querySelector('#v'),
    canvas = document.querySelector('#c'),
    btn = document.querySelector('#t'),
    img = document.querySelector('#img');

  navigator.getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUSerMedia || navigator.msGetUserMedia);

  if (navigator.getUserMedia) {
    navigator.getUserMedia({
      video: true
    }, function(stream) {
      video.src = window.URL.createObjectURL(stream);
      video.play();
    }, function(e) {
      console.log(e)
    });

    video.addEventListener('loadedmetadata', function() {
      canvas.width = video.videoWidth, canvas.height = video.videoHeight;
    }, false);
    btn.addEventListener('click', function() {
      canvas.getContext('2d').drawImage(video, 0, 0);
      var imgData = canvas.toDataURL('image/png');
      img.setAttribute('src', imgData);

    });

  } else {
    alert("Actualiza tu nvegador");

  }

}
<img src="" id="img">
<video id="v"></video>
<canvas id="c"></canvas>
<button id ="t">Toma una Foto</button>