如何在Chrome OS上使用JavaScript控制Webcam

该示例演示了如何在Chrome OS上使用JavaScript控制Webcam，在用户允许访问的情况下捕获视频流和拍照。使用Navigator.getUserMedia() API获取用户设备的媒体设备，然后使用Canvas API呈现视频流和捕获图片。

var video = document.querySelector('video');
var canvas = document.querySelector('canvas');
var context = canvas.getContext('2d');
navigator.getUserMedia({video: true}, function(stream) {
  video.src = window.URL.createObjectURL(stream);
  video.play();
}, function(e) {
  console.log(e);
});

function takePicture() {
  canvas.width = video.videoWidth;
  canvas.height = video.videoHeight;
  context.drawImage(video, 0, 0, canvas.width, canvas.height);
  var data = canvas.toDataURL('image/png');
  console.log(data);
}

免责申明：文章和图片全部来源于公开网络，如有侵权，请通知删除 server@dude6.com