测试只有PC上可以,手机上不行
<!DOCTYPE HTML> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script> // Put event listeners into place window.addEventListener("DOMContentLoaded", function() { // Grab elements, create settings, etc. 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); }; // Put video listeners into place if(navigator.getUserMedia) { // Standard 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); } }, false); // 触发拍照动作 document.getElementById("snap").addEventListener("click", function() { context.drawImage(video, 0, 0, 640, 480); }); </script> </HEAD> <BODY> <!-- 理想情况下我们应该先判断你的设备上是否 有摄像头或相机,但简单起见,我们在这里直接 写出了HTML标记,而不是用JavaScript先判断 然后动态生成这些标记 --> <video id="video" width="640" height="480" autoplay></video> <button id="snap">Snap Photo</button> <canvas id="canvas" width="640" height="480"></canvas> </BODY> </HTML>
相关推荐
js调用本地摄像头拍照并上传到web服务器。后台使用java实现图片的接收和存储,上传的图片默认保存到项目下的images文件夹中。
本项目是一个html5调用本地摄相头拍照上传相片的示例代码,项目很少,代码简单,应该一看就会的,需要用chrome浏览器或opern浏览器,版本要高一些才行。
H5调用本地摄像头进行照片拍摄、证件采集如果本地连接有多个摄像头,可获取多个摄像头列表,可选择不同摄像头进行不同类型的照片采集
H5调用本地摄像头实现扫一扫的功能实现。
兼容各大主浏览器,要部署在服务器上才可以调用到摄像头
web页面在线照相,在线调用客户端摄像头进行拍照,同时支持手机登陆网页调用手机摄像头进行拍照,目前测试用的chrome浏览器,其他的暂时没有测试,欢迎大家提意见,后期会持续更新
java swing界面调用本地摄像头,demo可以直接导入eclipse运行,直接运行CameraFrame.java即可。
pyCharm工程pyQt5利用OpenCV3调用本地摄像头、使用了QTimer定时器触发实时显示摄像头视频帧。
调用本地摄像头 照相 火狐浏览器 调用本地摄像头 照相 火狐浏览器
WPF调用本地摄像头进行拍照,并将照片保存为.jpg图片,存放于Debug目录下的photos文件夹内。
本实例利用user32和avicap32.dll实现了对本地摄像头的识别并调用,希望能对您的VB.net编程学习有所帮助
HTML5网页调用手机摄像头拍照,电脑摄像头也能调用.且支持HTTPS协议.zip
ASP调用摄像头拍照并保存亲测能用!asp调用本地摄像头的组件,能够在线采集头像
调用本地摄像头来获取动作状态,利用c#编程语言,wpf框架
asp.net网页调用本地摄像头源码,调用浏览器客户端摄像头源码下载。
支持 chrome 浏览器,调用本地摄像头拍张并上传照片
h5、js调用视频摄像头,录像,拍照(直接就可以用的)
本人自己写的,创建一个登陆界面后登陆成功再调用本地摄像头进行截图与保存
c#调用本地摄像头demo c#调用本地摄像头demo c#调用本地摄像头demo