html5打开视频摄像头源码

原创 2016年05月30日 16:36:59
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>document.createElement("myHero")</script>
<style>
 
</style> 
</head>

<body>
<video id="video" width="640" height="480" autoplay></video>
<button id="snap">Snap Photo</button>
<canvas id="canvas" width="640" height="480"></canvas>
 
<script type="text/javascript">
 
var aVideo=document.getElementById('video');
                var aCanvas=document.getElementById('canvas');
                var ctx=aCanvas.getContext('2d');
                 
                navigator.getUserMedia  = navigator.getUserMedia ||
                          navigator.webkitGetUserMedia ||
                          navigator.mozGetUserMedia ||
                          navigator.msGetUserMedia;//获取媒体对象(这里指摄像头)
              navigator.getUserMedia({video:true}, gotStream, noStream);//参数1获取用户打开权限;参数二成功打开后调用,并传一个视频流对象,参数三打开失败后调用,传错误信息
                 
                function gotStream(stream) {
                        video.src = URL.createObjectURL(stream);
                        video.onerror = function () {
                          stream.stop();
                        };
                        stream.onended = noStream;
                        video.onloadedmetadata = function () {
                          alert('摄像头成功打开!');
                        };
                }
                function noStream(err) {
                        alert(err);
      }
       
      document.getElementById("snap").addEventListener("click", function() {
                 
                ctx.drawImage(aVideo, 0, 0, 640, 480);//将获取视频绘制在画布上
        });
</script>
</body>
</html>

摄像头控制源代码

  • 2012年11月04日 06:06
  • 211KB
  • 下载

打开摄像头的源代码

  • 2013年10月20日 17:48
  • 1.25MB
  • 下载

html5打开视频摄像头源码

document.createElement("myHero") Snap Photo var aVideo=document.getElementById('video...
  • f5912766
  • f5912766
  • 2016年05月30日 16:36
  • 216

videocap (摄像头程序) Delphi源码

  • 2009年03月05日 23:38
  • 169KB
  • 下载

html5 调用摄像头

通过Camera API能够用你的设备的摄像头拍照并上传到当前网页。通过使用input标签,设置type=”file”,accept属性设置为能接收图像,就能够实现前面的要求了。HTML代码如下: ...
  • zhaossdut
  • zhaossdut
  • 2015年05月27日 11:03
  • 464

用HTML5打开摄像头

网上很多关于用HTML5打开本地摄像头的文章,但各有瑕疵。根据
  • Jerryjyuan
  • Jerryjyuan
  • 2014年10月17日 09:38
  • 4313

VideoCapture源代码分析

本文转自:http://blog.csdn.net/dsgthlr/article/details/42265107  [cpp] view plaincopyprint? 获取摄像头图...
  • Sunshine_in_Moon
  • Sunshine_in_Moon
  • 2015年05月04日 16:51
  • 1308

海思网络摄像头源码

  • 2015年07月10日 18:06
  • 9.37MB
  • 下载

html5调用摄像头实现拍照

技术时刻都在前进着。我们的需求也是时刻在改变着。最近在开发中遇到了用户进行账号注册时需要个人图像,网站提供自动拍照功能。还有在登录了PC之后,手机端进行登录时只需要扫描一下PC上的二维码就可以登录。这...
  • xmt1139057136
  • xmt1139057136
  • 2015年03月06日 17:12
  • 4836

HTML5 Camera(摄像头) 和 Video(视频)控制

本文属于吴统威的博客原创文章,转载:http://www.wutongwei.com/front/infor_showone.tweb?id=103 最近写了一个上传头像的功能,主要是使用了HT...
  • tenyit
  • tenyit
  • 2015年04月06日 10:45
  • 1776
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html5打开视频摄像头源码
举报原因:
原因补充:

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