2 lyp13140 lyp13140 于 2016.04.05 16:39 提问

求助大神~网页中调用摄像头左右方向反了额,用拍照软件试了,摄像头本身没问题,下面是代码
 <!DOCTYPE HTML >
<html>
  <head>
    <title>cam.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <body>
   <video id="video" autoplay=""style='width:600px;height:400px'></video>
   <button id='picture'>拍照</button> 
   <canvas id="canvas" width="600" height="400"></canvas>
   <script type="text/javascript">
   var video = document.getElementById("video");
   var context = canvas.getContext("2d")
   var errocb = function () {
                             console.log('sth wrong!');
                        }
   if (navigator.getUserMedia) { // 标准的API
       navigator.getUserMedia({ "video": true }, function (stream) {
           video.src = stream;
           video.play();
       }, errocb);
} else if (navigator.webkitGetUserMedia) { // WebKit 核心的API
       navigator.webkitGetUserMedia({ "video": true }, function (stream) {
           video.src = window.webkitURL.createObjectURL(stream);
           video.play();
       }, errocb);
}
   document.getElementById("picture").addEventListener("click", function () {
       context.drawImage(video, 0, 0, 600, 400);
});

     </script>
  </body>
</html>

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
android开发步步为营之112:关于Camera镜像上下左右颠倒问题的解决办法
我们在做自定义相机开发的过程中,一般会使用SurfaceView或者GlSurfaceView做预览,预览或拍照的时候经常会碰到镜像的左右颠倒或者上下颠倒?这个该怎么处理,这里给出解决方案。           一、拍照照片镜像左右颠倒,使用Matrix来设置 Matrix m = new Matrix(); m.postScale(-1, 1);
关于前置摄像头拍照后照片方向的总结(续前篇)
经过试验,发现前置摄像头拍照后的照片依然方向奇葩。因此我做了如下判断和调整 try { ExifInterface exifInterface = new ExifInterface(getPhotoPath()); int result = exifInterface.getAttributeInt( E
Android系统Camera图片反转的一个问题
=============
Android照相机模块编程 照片颠倒问题及查询摄像头参数问题的解决
这两天编程弄Android照相机模块,设置好各种参数后,发现预览的时候,照片是颠倒了,不是上下颠倒而是颠倒90°。 我的手机是华为U9200,用的Android4.0.3,后来看到http://www.cnblogs.com/skyseraph/archive/2012/03/26/2418665.html这篇文章,增加代码:myCamera.setDisplayOrientation(90);
iOS AVCapture前置摄像头不显示镜像翻转
iOS系统下前置摄像头拍照/录像默认是会沿中间镜像翻转的, 项目用到AVCaptureSession拍照/录像, 需求要使用前置摄像头时不要左右镜像效果, 研究了好久, 谷歌到的都是旋转的, 看到UIImagePicker可以使用transform进行翻转, 于是又找transform和layer也是无果, 最终想到可能会有一个bool值能够设定这个镜像, 于是查阅API发现一个videoMirr
Android开发实践:掌握Camera的预览方向和拍照方向
原文链接: http://ticktick.blog.51cto.com/823160/1592267 Android的Camera相关应用开发中,有一个必须搞清楚的知识点,就是Camera的预览方向和拍照方向,本文就重点讨论一下这个问题。 图像的Sensor方向:手机Camera的图像数据都是来自于摄像头硬件的图像传感器(Image Sensor),这个Sen
用html5和javascript调用摄像头实现拍照功能
在机缘巧合之下,了解到用HTML5和javascript调用摄像头来实现拍照功能,今天就把大致原理写下来。页面布局很简单,就是一个input标签,两个HTML5元素video、canvas和一个button按钮。video元素带有开启视频功能的函数,canvas元素带有捕捉图像功能的函数。先来看一下开启视屏功能的函数(getMedia()),代码如下:constraints 参数是一个包含了vid...
调用摄像头拍照,剪裁(第一行代码8.3.2)
一、实际中的需求 很多应用程序可能会使用到调用摄像头的拍照功能,像程序里需要上传一张图片作为用户的头像。 二、实现步骤: 1.创建File对象,用于存储拍照后的照片; 2.调用Uri的fromFile()方法将File对象转换成Uri对象; 3.接着构建出一个Intent对象,并将这个Intent的action指定为Android.media.action. 4.再调用Inte
在网页中用html5打开摄像头
http://www.html5rocks.com/en/tutorials/getusermedia/intro/
调用电脑自带摄像头拍摄照片的程序
直接在命令行中运行:“camTest e:\aa.bmp”[可以是其他路径和文件名]即可。 这样就会拍照并存在相应的路径。 camTest1是延迟一秒后拍摄的,因为有的摄像头启动比较慢。 用的话可以在程序中直接运行命令行命令。 代码是用C#编的。