html5 调用摄像头支持IE,JS调用本地摄像头拍照（兼容各大浏览器及IE8+）

最近做的项目遇到了个难题，使用video+canvas+getUserMedia()写的调用本地摄像头拍照不兼容IE。

原因：IE8及以下不支持HTML5标签：video和canvas；IE11及以下所有版本，包括Edge都不支持getUserMedia()。

所以，这几天在网上各种搜，发现想要兼容IE浏览器就只能使用Flash。

解决方案

方案一

flash+as3.0+swfobject实现摄像头拍照

方案分析：

1、使用 adobe flash + actionscript 制作swf文件；

2、采用swfobject.js插件实现页面调用swf文件。

有一篇博客写得特别好：flash+as3.0+swfobject实现摄像头拍照

这样可以自定义swf文件，但是代价好高啊，还要去学actionscript并且要装adobe flash CS6，花的时间太多了。

所以我想到既然有封装的swfobject插件可以更方便的插入flash，那是不是有兼容性好的封装好的控件可以直接调用摄像头。这个搜索过程真的是艰辛无比啊！终于让我找到了jQuery摄像头插件“jquery-webcam-plugin”。

方案二

jquery-webcam-plugin+canvas+后台处理

方案分析：

使用 jquery-webcam-plugin 显示本地摄像头。

点击拍照按钮后，

(a) 针对 IE9 及以上：通过flash调用摄像头后，将图像直接输出到canvas画布中

html5 调用摄像头支持IE,JS调用本地摄像头拍照（兼容各大浏览器及IE8+）相关推荐

JS调用本地摄像头拍照（兼容各大浏览器及IE8+）
最近做的项目遇到了个难题,使用video+canvas+getUserMedia()写的调用本地摄像头拍照不兼容IE. 原因:IE8及以下不支持HTML5标签:video和canvas:IE11及以下 ...
ajax调用第三方web服务,js调用soapWebService服务
js调用soapWebService服务什么是 SOAP? SOAP 指简易对象访问协议 SOAP 是一种通信协议 SOAP 用于应用程序之间的通信 SOAP 是一种用于发送消息的格式 SOAP 被 ...
js方式调用php_举例说明JS调用PHP和PHP调用JS的方法
举例说明JS调用PHP和PHP调用JS的方法在学习任何一门编程语言,我们都会听到调用这个词,那么,在javascript中是如何调用php的呢?在php中也可以调用js吗?下面就让我们一起来看看吧. ...
Qt/C++编写ffmpeg本地摄像头显示（16路本地摄像头占用3.2%CPU）
一.前言内核ffmpeg除了支持本地文件.网络文件.各种视频流播放以外,还支持打开本地摄像头,和正常的解析流程一致,唯一的区别就是在avformat_open_input第三个参数传入个AVInpu ...
html5视频自动播放兼容谷歌浏览器,html5实现完美兼容各大浏览器的播放器
歌曲播放我们会发现他的兼容性不是很好,譬如IE上能播放的flash播放器,再firfox或者chrome上就不是很好的应用了,因为有插件的阻碍!HTML5的出现让这一切成为了可能,但是播放器虽然播放了 ...
js原生代码编写一个鼠标在页面移动坐标的检测功能，兼容各大浏览器
function mousePosition(e) {//IE9以上的浏览器获取 if (e.pageX || e.pageY) { return {x: e.pageX,y: e.pageY}; } ...
JS中完美兼容各大浏览器的scrolltop方法
1.各浏览器下 scrollTop的差异 IE6/7/8/9/10: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 : 对 ...
php html5 播放器,html5实现完美兼容各大浏览器的播放器_html5教程技巧
歌词同步播放器-powered by widuu xiaowei [ar:测试用 ] [00:03.00]洋葱 [00:06.00]演唱:平安 [00:09.00] [00:11.38]如果你眼神能够 ...
Android开发-WebView中实现Android调用JS JS调用Android 【三】
老早之前就想总结下Webview相关的知识点了,因为互联网大潮中,很多APP都会使用到Webview,像那些不计其数的电商APP,无一例外的使用Webview:或者一些非电商APP中的像广告页面,注册 ...

html5 调用摄像头支持IE,JS调用本地摄像头拍照（兼容各大浏览器及IE8+）

html5 调用摄像头支持IE,JS调用本地摄像头拍照（兼容各大浏览器及IE8+）相关推荐

最新文章

热门文章

html5 调用摄像头 支持IE,JS调用本地摄像头拍照（兼容各大浏览器及IE8+）

html5 调用摄像头 支持IE,JS调用本地摄像头拍照（兼容各大浏览器及IE8+）相关推荐

最新文章

热门文章

html5 调用摄像头支持IE,JS调用本地摄像头拍照（兼容各大浏览器及IE8+）

html5 调用摄像头支持IE,JS调用本地摄像头拍照（兼容各大浏览器及IE8+）相关推荐