![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5
行后知
这个作者很懒,什么都没留下…
展开
-
利用自定义web-font实现数据防采集
web-font介绍web-font是CSS3中的一种标记 @font-face,在@font-face声明里,你可以声明一种字体,指定这种字体字体库文件从网络某个地址下载。使用自定义web-font实现数据防采集防采集原理:使用web-font可以从网络加载字体,因此我们可以自己创建一套字体,设置自定义的字符映射关系表。例如设置0xaaa是映射字符1,0xbbb是映射字符2,以此类推。当需要显示字符1时,网页的源码只会是0xaaa,被采集的也只会是0xaaa,并不是1,使采集者采集不到正确的原创 2020-06-10 09:40:23 · 494 阅读 · 0 评论 -
H5通过navigator.mediaDevices.getUserMedia调用手机摄像头
navigator.mediaDevices.getUserMedia应项目要求,需要实现移动端app嵌入H5页面完成实人认证的功能。打开getUserMedia文档,链接如下:https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia看上去很简单,最终却写的怀疑人生。API环境问题一:(为什么不管...原创 2020-04-26 17:40:51 · 20492 阅读 · 23 评论 -
MediaDevices.getUserMedia()的部分坑和解决方案
按照文档设置了后置参数,却还是显示前置摄像头解决方案:将文件配置在https环境下就能正常运行部分手机打开摄像头以后是黑屏,但是拍照仍然可以成像解决方案:做了很多处理都没用,最后发现只要把参数中的分辨率(width,height)删除掉,就解决了黑屏问题前置摄像头调用后镜像问题解决方案:1.可以给video标签直接设置transfrom:rotate(180deg);2.通过给API...原创 2020-04-27 09:26:55 · 21396 阅读 · 4 评论