HTML调用手机摄影头

转载 2016年12月12日 13:37:19
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>Insert title here</title>  
  6. </head>  
  7. <body>  
  8. <video id="video" autoplay=""style='width:640px;height:480px'></video>  
  9. <div><button id='picture' style="width: 100%;">PICTURE</button></div>  
  10. <canvas id="canvas" width="640" height="480"></canvas>  
  11. <script type="text/javascript">  
  12. var video = document.getElementById("video");  
  13. var context = canvas.getContext("2d");  
  14. var errocb = function () {  
  15.     console.log('sth wrong!');  
  16. }  
  17.   
  18. if (navigator.getUserMedia) { // 标准的API  
  19.     navigator.getUserMedia({ "video": true }, function (stream) {  
  20.         video.src = stream;  
  21.         video.play();  
  22.     }, errocb);  
  23. } else if (navigator.webkitGetUserMedia) { // WebKit 核心的API  
  24.     navigator.webkitGetUserMedia({ "video": true }, function (stream) {  
  25.         video.src = window.webkitURL.createObjectURL(stream);  
  26.         video.play();  
  27.     }, errocb);  
  28. }  
  29.   
  30. document.getElementById("picture").addEventListener("click", function () {  
  31.     context.drawImage(video, 0, 0, 640, 480);  
  32. });  
  33. </script>  
  34.   
  35. </body>  
  36. </html>  

相关文章推荐

分享42个超棒的智能手机摄影画廊

日期:2012-4-22  来源:GBin1.com 怎样制作出一张非常棒的照片?也许它取决于你设计的主题或者你想要一种风格,像许多艺术摄影,它们很可能是比较客观的,也许你最喜欢的一张恰恰不被你的朋...
  • jjfat
  • jjfat
  • 2012年04月24日 15:34
  • 8304

新东方手机摄影大赛自动投票脚本

朋友参加新东方手机摄影大赛,邀我去投票。打开投票页面发现未设置登录。删除cookie后,可以重复投票。 那么我写了个脚本,让程序来自动刷票。实现机制: 1 浏览器设置为每次关闭清除cookie ...

手机摄影(2)

在[上一篇]介绍了拍摄时候的构图要素,包括光纤、线条、颜色、空间以及反射阴影。本篇再介绍一下如何巧妙利用手机相机的局限性。1. 快门速度手机为了让更多的光线进入感光元件,会减小快门速度。这意味着,拍摄...
  • bdss58
  • bdss58
  • 2016年05月13日 11:19
  • 174

网易摄影推出html5开发的iPad APP

网易摄影精选是网易摄影(http://pp.163.com/)出品的第一款基于html5开发的ipad应用,聚焦于用户浏览美图时的体验,崇尚极简主义的设计,一切皆为用户看到自己喜欢的高清美图而服务。没...

苹果手机摄影灰卡白卡源码

  • 2011年05月20日 15:15
  • 891KB
  • 下载

手机镜头参数--手机摄影训练营第五期---S05-20170605

1.手机镜头参数以Iphone7为例 6–16mm超广角镜头 28–38 广角镜头 40–55 标准镜头 80–400 远焦镜头 广角镜头:焦距很短,视角较宽,而景深却很深,比较...

HTML5个人摄影网站

  • 2015年07月16日 07:15
  • 4.33MB
  • 下载

js调用手机震动.html

  • 2017年08月19日 18:05
  • 1KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML调用手机摄影头
举报原因:
原因补充:

(最多只允许输入30个字)