HTML5使用 getUserMedia方法调用本地摄像头拍照
来源:互联网 发布:sh linux 编辑:程序博客网 时间:2024/04/30 07:58
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html5 调用本地摄像头</title></head><body><video id="video" autoplay="autoplay" style='width:640px;height:480px'></video><button id='picture'>PICTURE</button><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 (code) { console.log(code); }; if (navigator.getUserMedia) { // 标准的API navigator.getUserMedia({ "video": true }, function (stream) { video.src = stream; video.play(); }, errocb); } else if (navigator.webkitGetUserMedia) { // WebKit 核心的API console.log(navigator.webkitGetUserMedia); 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
- HTML5使用 getUserMedia方法调用本地摄像头拍照
- HTML5调用手机摄像头拍照 - getUserMedia.js
- html5调用摄像头使用Getusermedia和canvas
- 利用html5调用本地摄像头拍照上传图片
- 利用html5调用本地摄像头拍照上传图片
- html5调用摄像头实现拍照并本地保存
- 利用html5调用本地摄像头拍照上传图片
- html5调用摄像头实现拍照
- html5调用摄像头实现拍照
- HTML5调用手机摄像头拍照
- HTML5调用手机摄像头拍照
- HTML5调用手机摄像头拍照
- html5调用摄像头实现拍照
- HTML5调用手机摄像头拍照
- HTML5调用本地摄像头
- HTML5调用本地摄像头
- html5调用本地摄像头
- JAVACV调用本地摄像头拍照
- Linux安装FTP
- 木材加工
- java转码成为unicode
- ajax实现文件下载
- Android音频系统之AudioFlinger(三)
- HTML5使用 getUserMedia方法调用本地摄像头拍照
- iOS应用发布流程(一)------相关app证书的申请、下载以及安装
- TCP/IP(9)-TCP协议概述
- putty
- 打开MPP格式文件的十种方法
- python中 encode,decode,unicode,utf-8
- 如何看懂源代码--(分析源代码方法)
- 二叉排序树的删除与插入
- Linux下screen命令,一个对运维人员特别有帮助的命令