程序博客网 > 知之深爱之切全书内容

HTML5调用手机摄像头

来源：互联网发布：知之深爱之切全书内容编辑：程序博客网时间：2024/04/30 20:08

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<video id="video" autoplay=""style='width:640px;height:480px'></video>
<div><button id='picture' style="width: 100%;">PICTURE</button></div>
<canvas id="canvas" width="640" height="480"></canvas>
<script type="text/javascript">
var video = document.getElementById("video");
var context = canvas.getContext("2d");
var errocb = function () {
console.log('sth wrong!');
}
if (navigator.getUserMedia) { // 标准的API
navigator.getUserMedia({ "video": true }, function (stream) {
video.src = stream;
video.play();
}, errocb);
} else if (navigator.webkitGetUserMedia) { // WebKit 核心的API
navigator.webkitGetUserMedia({ "video": true }, function (stream) {
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errocb);
}
document.getElementById("picture").addEventListener("click", function () {
context.drawImage(video, 0, 0, 640, 480);
});
</script>
</body>
</html>

0 0

知之深爱之切全书内容

知之深爱之切全书内容

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子蓝忘机魏无羡图片高黄魔道祖师忘羡图片陈情令蓝忘机图片魔道祖师蓝忘机图片忘羡兔子图片姑娘夏天忘穿内裤图片陈意涵忘穿安全内裤图片魏无羡蓝忘机天天图片忘恩负义图片忘图片魔道祖师忘羡高清图片忘羡天天图片魏无羡和蓝忘机图片忘羡肉开车图片魔道祖师图片忘羡忘欢忘尘如羡剧情版厦门鼓浪屿忘尘居客栈社保忘交一个月怎么办忘年交忘年交意思我与老教授的忘年交林深有天亮恋恋不敢忘忘年恋忘年之恋忘年恋什么意思疯狂忘年恋清穿康熙宠文忘年恋遗形忘性用得意忘形造句忘乎其形得意忘形造句子得意忘形的意思得意忘形的意思是什么得意忘形的反义词得意忘形打一生肖得意忘形是什么意思照镜子得意忘形打一生肖得意忘形的近义词忘形的动物打一生肖位卑未敢忘忧国