QuaggaJS是条形码扫描器完全用JavaScript编写支持实时的本地化和各种类型的条形码，如 EAN，CODE 128，CODE 39，EAN 8，UPC-A，UPC-C，I2of5，2of5，CODE 93和CODABAR.该类库还能够getUserMedia直接访问用户的相机流，使得我们的... ...
分类：
Web程序 时间：
2017-08-11 10:36:24
阅读次数：
847
直入正题，JS打开摄像头并截图上传至后端的一个完整步骤 1. 打开摄像头主要用到getUserMedia方法，然后将获取到的媒体流置入video标签 2. 截取图片主要用到canvas绘图，使用drawImage方法将video的内容绘至canvas中 3. 将截取的内容上传至服务器，将canvas ...
分类：
Web程序 时间：
2017-02-18 18:19:43
阅读次数：
295
移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API，但慢慢的，这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API，它能让应用开发者访问用户的摄像头或内置相机。下面就让我展示一下如何通过浏览器来访问你的摄像头，并提取截 ...
分类：
移动开发 时间：
2017-02-12 11:14:23
阅读次数：
191
WebRTC（Web Real-Time Communication，网页实时通信），是一个支持网页浏览器进行实时语音对话或视频对话的API。 1、getUserMedia 要播放摄像头的影像，首先需要一个video标签： <video id="video"></video> 获取摄像头影像主要是通 ...
分类：
其他好文 时间：
2016-12-07 22:44:51
阅读次数：
602
技术基础： 依托webRTC（网页实时通信）规范实现接收来自设备上的网络摄像头和麦克风数据 其中主要依赖navigator.getUserMedia()API方法（因为安全原因，此html文件只能通过网站服务器来访问文件，网上有各种搭建服务器的方法在此就不介绍了） 正式开始： 由于不同浏览器对get ...
分类：
其他好文 时间：
2016-06-20 22:13:31
阅读次数：
203
getUserMedia API 特别有趣的一个 API，能够调用电脑的摄像头，未来这个 API 将被广泛用来让浏览器和用户之间互动。 如果 <video> 标签和 Canvas 现结合 就能在浏览器中拍摄照片了。（你不是在说废话吧 ） 直接看代码 ： ...
1.通过getUserMedia调用设备的摄像头（电脑、手机都可以，取决于浏览器对这个API的支持情况），并将资源放入video标签。2.将video内的视频资源通过canvas的drawImageAPI放入canvas里，这个canvas是不显示的。3.将canvas的内容转换成base64编码的webp格式的图像（如果浏览器不支..
分类：
Web程序 时间：
2016-02-16 17:03:50
阅读次数：
271
入门必读：http://www.html5rocks.com/en/tutorials/webrtc/basics/WebRTC实现三种API：mediastream（又叫getUserMedia）：必读：接口定义：http://w3c.github.io/mediacapture-main/get...
分类：
Web程序 时间：
2016-01-09 11:01:13
阅读次数：
181
需求是分析音频，用图形化展示。思路： 1、回想当年使用的播放器，如XX静听 一般就2种图形化展示 一个是条形柱 一个是波纹 2、分析数据转化成图像 这个是canvas常用的，之前做过的canvas分析图像数据，做滤镜做变形都是一把好手，这里当然 图形化也交给canvas了。 3、既然是分析音频...
分类：
Web程序 时间：
2015-09-18 15:09:44
阅读次数：
373
扫描识别二维码
思路：
1. 操作摄像头，获取图片。HTML5 WEBRTC的navigator.getUserMedia方法去实时获取摄像头资源。
2. 利用canvas使用相关算法分析图片识别图片得出结果，可用jquery.qrcode分析二维码 。（技术点：getImageData）
局限性：
移动平台支持getUserMedia/Stream A...
分类：
Web程序 时间：
2015-08-25 21:52:23
阅读次数：
254
