自助下单地址(拼多多砍价,ks/qq/dy赞等业务):点我进入
需要:
最近需要做移动端开发。 当用户打开单反,点击拍照按钮时微信h5调用摄像头录像,会拍摄一张照片(照片不会进入手机系统相册)并显示在页面顶部的小窗口中。 (界面大致如下)
图片.png
就需求本身而言,如果交给Native朋友开发,就是自定义单反的功能。 可能要看如何防止拍照后系统进入手机系统相册。
这个需求如果后端实现了,也是可以实现的。 大概是打开相机后,获取当前图片,然后抓拍当前帧的图片,转成图片保存。 基本步骤如下:
图片.png
图片.png
图片.png
【思路问题不大,但实际这样开发时微信h5调用摄像头录像,会出现以下问题:】
1.交互体验不佳
在使用window.navigator.mediaDevices.getUserMedia浏览器BOM api时,用户需要自动点击确认才能开启摄像头。 交互体验不是很好。
2.屏幕帧率问题
前端实现本质上类似于截图,画质不如原相机效果。
3.浏览器API mediaDevices未定义
window.navigator.mediaDevices在以下三种情况下会被undefined,所以在非https域或非本地localhost域时很难使用。
一种。 本地主机域