HTML
风神幻龙
这个作者很懒,什么都没留下…
展开
-
HTML5调用摄像头demo和踩坑记录
demo目标:摄像头全屏,canvas能够完全截取摄像头内画面内容<!DOCTYPE html><html> <head> <title>AR</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-sc原创 2020-06-03 16:14:33 · 1634 阅读 · 1 评论 -
移动端body overflow:hidden无效解决办法
最近在移动端测试页面,有一个需求是超出手机屏幕显示范围的内容因此,本来是一个很简单的需求,也就是一个overflow的事情,但是却出现意外情况,这个样式居然在移动端无效,也不是所有浏览器都无效,起码在微信自带的浏览器中还是有效果的,但是手机自带或者UC就不行,于是百度了一些解决办法,最终找到了一个(不确保移动端所有浏览器均会生效)。产生的可能原因body的position为static,也就是无定位,需要更改position为fixedbody{position:fixed}加入该代码后,over原创 2020-06-03 11:58:21 · 1076 阅读 · 0 评论 -
通过H5唤起摄像头前后置转换问题
navigator.mediaDevices.getUserMedia(constraints).then(success).catch(error);getUserMedia的适配问题暂且不提,只关心如何更换前后置摄像头问题。其实官方已经给出了一个最简单的方法,只需要配置facingMode参数即可,user为前置,environment为后置navigator.mediaDevices.getUserMedia({video:{facingMode:'user/environment'}})原创 2020-06-02 13:57:30 · 2300 阅读 · 0 评论