zoukankan      html  css  js  c++  java
  • 利用JS调取电脑摄像头,实现拍照功能

    1.调取电脑摄像头非常简单,看代码一幕了然

    		window.addEventListener("DOMContentLoaded", function() {
    			var canvas = document.getElementById("canvas"),
    			context = canvas.getContext("2d"),
    			video = document.getElementById("video"),
    			videoObj = { "video": true },
    			errBack = function(error) {
    				console.log("Video capture error: ", error.code); 
    			};
    			if(navigator.getUserMedia) { // Standarda
    				navigator.getUserMedia(videoObj, function(stream) {
    					video.src = stream;
    					video.play();
    				}, errBack);
    			} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
    				navigator.webkitGetUserMedia(videoObj, function(stream){
    				video.src = window.webkitURL.createObjectURL(stream);
    				video.play();
    			}, errBack);
    			}
    			else if(navigator.mozGetUserMedia) { // Firefox-prefixed
    				navigator.mozGetUserMedia(videoObj, function(stream){
    					video.src = window.URL.createObjectURL(stream);
    					video.play();
    				}, errBack);
    			}
    			document.getElementById("snap").addEventListener("click", function() {
    				context.drawImage(video, 0, 0, 640, 480);
    			});
    		}, false);
    

      可以自己去试试,可能还会有点兼容性问题。

  • 相关阅读:
    三极管8050和8550对管的参数
    三极管9014 管脚
    水深不语,人稳不言
    编译结果分析
    三母运算符
    C语言关键词解释
    51定时器初值的计算
    聪明人都在远离手机虚假繁荣的“人脉”关系
    每段路,都是一种领悟
    你的灯亮着吗读后感二
  • 原文地址:https://www.cnblogs.com/my-effort/p/6125759.html
Copyright © 2011-2022 走看看