WebRTC又称为“网页即时通信”，是一组API函数，它经过W3C组织的认证，支持浏览器之间的语音通话、视频聊天和P2P模式分享文件。这个协议主要包括：getUserMedia，RTCPeerConnection，RTCDataChannels，getStats这些模块。getUserMediago...
分类：
Web程序 时间：
2015-08-13 14:12:39
阅读次数：
165
之前看到一个面试题是html5拍照。这边的用到的一个api是navigator.getUserMedia(constraints, successCallback, errorCallback);其中constraints是LocalMediaStream所支持的本地媒体类型，必须传入{ video...
分类：
Web程序 时间：
2015-05-16 16:24:08
阅读次数：
139
做 IM 屏幕截图是少不了的，之前 windows 版本是调用的 qq 数据法的截图功能，这个版本又再次尝试自己实现发现是可以的，getusermedia 的权限很高，代码如下 1 3 4 5 6 7 8 9 10 36 37 可以把屏幕全部捕获，别说截图 录屏都可以PS 高版...
分类：
Web程序 时间：
2015-01-04 11:59:32
阅读次数：
201
html5中一个有趣的API，能够调用电脑的摄像头，结合 标签和 Canvas 就能在浏览器中拍摄照片了。这里需要注意:因为安全问题, chrome 对于本地文件禁用了很多功能(以file:///开头). 所以如果你直接把html文件拖进chrome是看不到效果的(getUserMedia 失败)....
分类：
其他好文 时间：
2015-01-02 21:07:37
阅读次数：
165
废话少说，先贴上代码html: 1 2 3 4 5 6 7 8 9 10 ...
分类：
Web程序 时间：
2014-09-27 01:10:39
阅读次数：
1676
示例说明：抓取MediaStream的一帧数据，并对该帧数据使用Css滤镜效果。步骤：1. 由getUserMedia方法获取一个可用的MediaStream2. canvas方法drawImage抓取MediaStream的一帧数据3. 根据用户点击操作，对canvas元素使用滤镜效果的css样式...
分类：
Web程序 时间：
2014-09-11 16:40:52
阅读次数：
252
下面是一个使用getUserMedia接口和Canvas的drawImage方法实现的截图功能（截取视频中的一帧）。基本思路是这样子的：getUserMedia获取一个MediaStream, streamstream作为video的输入源提供一个button按钮。当用户点击时，使用canvas的d...
分类：
Web程序 时间：
2014-09-10 15:41:20
阅读次数：
238
WebRTC介绍WebRTC提供三类API：MediaStream，即getUserMediaRTCPeerConnectionRTCDataChannelgetUserMedia已经由Chrome, Opera和Firefox支持。RTCPeerConnection目前则由Chrome, Oper...
分类：
Web程序 时间：
2014-09-10 12:16:30
阅读次数：
283
JSCapture 是用纯 JavaScript 和 HTML5 实现的屏幕捕捉库。能够随意在浏览器或者桌面视频进行截图，JSCapture 使用 getUserMedia 来实现屏幕捕获。当前屏幕捕捉的 API 仅仅支持 Chrome 浏览器，其它浏览器待測试中来源：http://vanilla-...
分类：
Web程序 时间：
2014-08-20 14:00:52
阅读次数：
201
很有意思的网站http://io13webrtc.appspot.com/#1html5使用webrtc简介http://www.html5rocks.com/en/tutorials/getusermedia/intro/html5设置分辨率的例子https://simpl.info/getuse...
分类：
Web程序 时间：
2014-07-16 00:18:40
阅读次数：
442
