h5调用摄像头的实现方法


Posted in HTML / CSS onJune 01, 2016
XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html>  
  2. <html lang="zh-CN">  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>GetUserMedia实例</title>  
  6. </head>  
  7. <body>  
  8. <video id="video" autoplay><ideo>  
  9. </body>  
  10. <script type="text/javascript">  
  11. var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);   
  12. getUserMedia.call(navigator, {   
  13. video: true,   
  14. audio: true   
  15. }, function(localMediaStream) {   
  16. var video = document.getElementById('video');   
  17. video.src = window.URL.createObjectURL(localMediaStream);   
  18. video.onloadedmetadata = function(e) {   
  19. console.log("Label: " + localMediaStream.label);   
  20. console.log("AudioTracks" , localMediaStream.getAudioTracks());   
  21. console.log("VideoTracks" , localMediaStream.getVideoTracks());   
  22. };   
  23. }, function(e) {   
  24. console.log('Reeeejected!', e);   
  25. });   
  26. </script>  
  27. <html>  
  28.   

以上这篇h5调用摄像头的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

HTML / CSS 相关文章推荐
css3 iphone玻璃透明气泡完美实现
Mar 20 HTML / CSS
CSS3 border-radius圆角的实现方法及用法详解
Sep 14 HTML / CSS
CSS3 transition 实现通知消息轮播条
Oct 14 HTML / CSS
CSS3实现苹果手机解锁的字体闪亮效果示例
Jan 05 HTML / CSS
HTML5新表单元素_动力节点Java学院整理
Jul 12 HTML / CSS
基于HTML5 FileSystem API的使用介绍
Apr 24 HTML / CSS
html5小技巧之通过document.head获取head元素
Jun 04 HTML / CSS
HTML5新增加的功能详解
Sep 05 HTML / CSS
详解HTML5常用的语义化标签
Sep 27 HTML / CSS
HTML5实现应用程序缓存(Application Cache)
Jun 16 HTML / CSS
HTML5开发动态音频图的实现
Jul 02 HTML / CSS
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
Apr 22 HTML / CSS
HTML5拖拽的简单实例
May 30 #HTML / CSS
HTML5对比HTML4的主要改变和改进总结
May 27 #HTML / CSS
Html5实现用户注册自动校验功能实例代码
May 24 #HTML / CSS
用HTML5的canvas实现一个炫酷时钟效果
May 20 #HTML / CSS
深入理解HTML的FormData对象
May 17 #HTML / CSS
html5 实现客户端验证上传文件的大小(简单实例)
May 15 #HTML / CSS
【HTML5】Canvas绘制简单图片教程
May 13 #HTML / CSS
You might like
php+ajax无刷新上传图片实例代码
2015/11/17 PHP
对比PHP对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
PHP实现对xml的增删改查操作案例分析
2017/05/19 PHP
PHP如何获取当前主机、域名、网址、路径、端口等参数
2017/06/09 PHP
php慢查询日志和错误日志使用详解
2021/02/27 PHP
jquery中通过过滤器获取表单元素的实现代码
2011/07/05 Javascript
JavaScript实现QueryString获取GET参数的方法
2013/07/02 Javascript
javascript jq 弹出层实例
2013/08/25 Javascript
当某个文本框成为焦点时即清除文本框内容
2014/04/28 Javascript
让JavaScript和其它资源并发下载的方法
2014/10/16 Javascript
JavaScript中Function()函数的使用教程
2015/06/04 Javascript
jquery的幻灯片图片切换效果代码分享
2015/09/07 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
angular 动态组件类型详解(四种组件类型)
2017/02/22 Javascript
jquery中封装函数传递当前元素的方法示例
2017/05/05 jQuery
js事件委托和事件代理案例分享
2017/07/25 Javascript
JavaScript 闭包的使用场景
2020/09/17 Javascript
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
详解如何设置Python环境变量?
2019/05/13 Python
Python3.6+Django2.0以上 xadmin站点的配置和使用教程图解
2019/06/04 Python
Python实现图片添加文字
2019/11/26 Python
opencv设置采集视频分辨率方式
2019/12/10 Python
在python tkinter界面中添加按钮的实例
2020/03/04 Python
秘鲁购物网站:Linio秘鲁
2017/04/07 全球购物
英国领先的大码时装品牌之一:Elvi
2018/08/26 全球购物
Geekbuying波兰:购买中国电子产品
2019/10/20 全球购物
成功经营餐厅的创业计划书范文
2013/12/26 职场文书
研修第一天随笔感言
2014/02/15 职场文书
相亲活动方案
2014/08/26 职场文书
检讨书格式
2015/01/23 职场文书
督导岗位职责范本
2015/04/10 职场文书
宇宙与人观后感
2015/06/05 职场文书
python使用glob检索文件的操作
2021/05/20 Python
撤回我也能看到!教你用Python制作微信防撤回脚本
2021/06/11 Python
SQL Server查询某个字段在哪些表中存在
2022/03/03 SQL Server