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);
    

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

  • 相关阅读:
    NOIP2012 借教室
    bzoj1816 扑克牌
    TYVJ1359 收入计划
    NOIP2015 跳石头
    易错点
    散列表
    数学模板
    12. 17 哈理工网络赛
    哈理工 网络赛
    三角形
  • 原文地址:https://www.cnblogs.com/my-effort/p/6125759.html
Copyright © 2011-2022 走看看