某些场景下，需要 H5 脱离应用来使用手机系统的摄像头用于照相或者拍摄。
目前而言，移动端使用 H5 调用摄像头有两种方案：
getUserMedia Api
这种方法的兼容很差，基本不考虑
input type=file capture
这种方法是目前的主流，兼容 IOS 和 Android，但是 Android 无法调用前置摄像头
其实真正费时间的就是方案的抉择，了解的方案的坑以及市面的流行方案后就可以开始写代码了（代码很简单，百度一大推）
具体的使用效果可以参考下面的两个 demo：
demo1: https://m-stg2.tianxiaxinyong.com/cooperation/b-test.html?pp=true&pps=
demo2: http://shieldweb.linkface.cn/ 体验码 tEas
PS：非常重要的一点，如果是在 APP 的 webview 下使用该 API，需要APP端在代码层面开通相关的权限，否则会出现闪退或者点击 input 无效的情况
某些场景下，需要 H5 脱离应用来使用手机系统的摄像头用于照相或者拍摄。 目前而言，移动端使用 H5 调用摄像头有...
需求 在项目中，使用usb摄像头进行拍摄，想要在移动端H5网页中进行播放，延迟不能太大，后端目前采用python的...
使用H5写移动端代码时，经常会遇到在PC端显示正常，但到移动端，会出现很多问题。常见问题如下： 移动端的双击或者双...
1、使用Flexible实现手淘H5页面的终端适配2、再聊移动端页面的适配3、如何在Vue项目中使用vw实现移动端...
需求： 点击编辑, 长按删除 环境： 移动端H5 思路： 使用touchstart事件 +touchend事件 +...
H5移动端爬坑
移动端的H5页面，实际上是基于移动端特性适配的网页，它没有规定的具体的交互规范，但会遵循一些移动端使用的基本特性。...
H5入门01-dva+webpack搭建框架 对于移动端开发者而言，开发H5一般使用 React +Dvajs +...
HTML5 移动页面自适应手机屏幕四类方法 1、使用meta标签：viewport H5移动端页面自适应普遍使用的...
H5游戏开发 H5是一系列制作网页互动效果的技术集合，即H5就是移动端的web页面。而H5游戏，你可以看作是移动端...
本文标题：H5 使用移动端摄像头
本文链接：https://www.haomeiwen.com/subject/zhfyaftx.html
网友评论