博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
浏览器打卡摄像头的兼容问题
阅读量:6709 次
发布时间:2019-06-25

本文共 732 字,大约阅读时间需要 2 分钟。

原因: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画布中,再通过canvas中的方法 toDataURL()方法,生成图像的base64编码传到后台。
(b)针对 IE8 及以下:因为 IE8 无法用canvas.toDataURL() ,因此拍照后无法直接将图片进行显示。这时通过flash调用摄像头,将得到的像素点阵传到后台,让后台处理,生成图像的 base64 编码,再在前端进行显示。

 

参考:

转载于:https://www.cnblogs.com/ziyandeyanhuo/p/11004763.html

你可能感兴趣的文章
Python VIL Realse
查看>>
视达配色教程8 蓝色的性格是什么样的
查看>>
JsonCpp的简单使用方法
查看>>
boost::asio::io_context类
查看>>
LeapMotion Demo3
查看>>
数据视图
查看>>
优化WPF 3D性能
查看>>
C# 集合已修改 可能无法执行枚举操作 zz
查看>>
Sword protobuf学习四
查看>>
oracle实用sql之将逗号分割的字符串分割多个列
查看>>
leetcode 4. Median of Two Sorted Arrays
查看>>
前端建立一个本地服务器:browser-sync
查看>>
php的类型运算符instanceof(用于确定一个 PHP 变量是否属于某一类 class 的实例)
查看>>
VMWare Station 问题汇总
查看>>
JQuery判断input是否被禁用
查看>>
ftp、ssh
查看>>
SCSI接口和SAS接口的区别
查看>>
How to install maps and addons (.VPK)
查看>>
解决Android中的ERROR: the user data image is used by another emulator. aborting的方法
查看>>
电子书下载:Metro Revealed Building Windows 8 apps with XAML and C#.
查看>>