一个严重的问题就是部分安卓机、ios,页面运行卡顿,我猜是因为xml文件太大了?加载的资源太大?所以卡顿。因为华为手机可以正常运行。但是最后没有去解决,能力有限,方案弃用。

2.使用trackingJs做人脸检测+腾讯云人脸对比。

领导终于看不下去了,要放过我这个小渣渣了,说要采用三方的人脸识别。比较了一下阿里云和腾讯云识别的方案,腾讯云相对省钱,2000+/年/100万次。这里我们只用腾讯云的人脸对比。
网上的例子也有很多,可以多方参考。
引入tracking-min.js,根据需要引入face-min.js、eye-min.js、mouth-min.js。
使用getUserMedia调用摄像头,ios端需要使用mediaDevices.getUserMedia,这里可以多阅读mediaDevices.getUserMedia--MDN的文档,详细介绍了调用手机端前置摄像头,后置摄像头的问题 。
1、video.play() 可以开启摄像头,tracking.track('#video',tracker,{camera:true});也可以调用摄像头,提前加载tracker。去掉camera:true,否则会闪屏。
2、手机端使用canvas把video视频流输出的时候,注意画布的大小,宽高不要超过屏幕的宽高,
varvm=$(window).width();
3、使用mediaDevices.getUserMedia在ios调用摄像头,需要系统版本11以上,只支持safari浏览器,
ios系统11会显示空白,因为浏览器没有开启摄像头的权限。
ios系统12会显示黑屏,ios系统13可以显示视频流但是一帧一帧的出现。

这些统统都是因为video需要加上playsinline属性 !

最后发一下最终的效果图。

手机端浏览器支持情况
型号自带浏览器qq浏览器谷歌浏览器
华为p30/p40 pro√√√
小米9/红米9×√√
三星s9√√√
苹果7p√××
oppo√√未测试
荣耀√√未测试

还是有bug的,小米手机有些型号qq浏览器也不能够调起摄像头,还在优化中。
...-- 1....-- 2....-- 3....跨浏览器复制 ...jQuery-zclip是一个复制内容到...jQuery-zclip插件需要Flash的支持,使用时记得安装AdobeFlash Player。 http://static.hcoder.net/demo/zclip/index.html
https://clipboardjs.com/
constructor-selector
Copy
Copy
Copy
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
});
2.zclip跨浏览器复制
jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持,使用时记得安装Adobe Flash Player。
http://static.hcoder.net/demo/zclip/index.html
uc浏览器flash不支持解决方法详解AdobeFlash Player是Android系统的一项重要功能,这款Android软件可以让自己的Android手机访问基于Flash制作的视频、游戏、互动媒体、网络应用程序等网站功能。Flash Player将实现...
uc浏览器flash不支持解决方法详解
Adobe Flash Player是Android系统的一项重要功能,这款Android软件可以让自己的Android手机访问基于Flash制作的视频、游戏、互动媒体、网络应用程序等网站功能。Flash Player将实现一个完整的Web浏览体验。遇到uc浏览器flash不支持,怎么办呢?今天小编就给大家介绍uc浏览器flash不支持解决方法。
uc浏览器flash不支持解决方法:
安卓系统解决方法:
安卓平台的UC浏览器是支持flash的,如果播放页面上提示需要安装flash插件,则可以到装机必备(m.app.uc.cn)中搜索flash player下载安装使用。
1、下载最新版《Adobe Flash Player》,然后安装到手机,运行Flash用UC浏览器打开;
2、然后根据提示操作即可。
IOS系统解决方法:
如果使用的是iphone版的UC浏览器,则是由于ios系统本身不支持flash导致的。
IOS苹果系统的设备上所有应用均不支持Flash插件。
苹果官方说法:主要是缘于当时Flash播放器过于耗电,不适合移动设备。同时由于大多数网站都内嵌了Flash广告,因而浏览网页时的确很有可能会显著消耗电池电量。
相比之下,苹果所采用的HTML5的视频播放由于可以较有效利用硬件资源,所以能耗方面优化空间大,加上HTML5的页面几乎没有广告,所以砍掉Flash的确有可能大幅减少网页浏览时的CPU计算量。
另外,既有的Flash应用通常基于鼠标动作,对触摸支持不够好,这也是另一官方的理由。
而从安全性方面考量,内置Flash支持意味着有可能引入相关的安全漏洞,而Flash实现由Adobe掌控,一旦出现问题,苹果难以直接把握。