插件描述：移动端网页获取网络摄像头
注：意请在手机上预览，PC无效果
使用方法
首先, 包括 Webcam.js JavaScript
1 | <script type="text/javascript" src="../webcam.min.js"></script> |
html
1 | <div id="results">您拍摄的图像将显示在此处..。</div> |
配置一些设置并连接相机
1 2 3 4 5 6 7 8 9 | <script language="JavaScript"> Webcam.set({ width: 320, height: 240, image_format: 'jpeg', jpeg_quality: 90 }); Webcam.attach('#my_camera');</script> |
用于处理拍摄快照并在本地显示的代码
1 2 3 4 5 6 7 8 9 10 11 | <script language="JavaScript"> function take_snapshot() { // take snapshot and get image data Webcam.snap(function(data_uri) { // display results in page document.getElementById('results').innerHTML = '<h2>Here is your image:</h2>' + '<img src="' + data_uri + '"/>'; }); }</script> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery环型进度倒计时
- 下一个特效： messageLite优雅的消息提示弹框