更新记录

1.0.0(2023-12-06) 下载此版本

1 指定前后置摄像头 2 回调函数处理


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

拍照组件,主要解决无法指定前后置摄像头的问题

使用方法

// 引入组件,下载源码后,按照路径import即可 如:import bgyxCameraVue from '../../components/bgyx-camera/bgyx-camera.vue'
<bgyxCameraVue :onChange="onChange" :imagepath="imagepath" cameraType="back" ></bgyxCameraVue>

// 1. onChange 回调函数,当用户点击拍照的确定按钮后调用 并将base64数据传递返回
// 2. imagepath 回显路径或base64数据 用于编辑回显等情形
// 3. cameraType 默认摄像头 front 前置 back 后置 // 此处可扩展为 只允许前置或后置 在源码处将反转摄像头图标去掉即可

引入说明

  1. 该组件需要webview以使用webrtc能力,所以除了vue文件外,还需要将相应的html/js等文件引入,源码中都有 自己复制进去即可
  2. 如需要更改样式或功能扩展,可直接修改源码,源码中并不包含其他包
  3. 使用webrtc 可以实现音视频通话以及多人会议室等功能,在uniapp中可流畅运行,经本人测试,15路音视频,延时在500ms以下,感兴趣的小伙伴可以研究一下
  4. 如果对ffmpeg熟悉的同志,可以扩展图片/视频/音频等的存储等相关功能,原理相似

作者:百鬼夜行,

隐私、权限声明

1. 本插件需要申请的系统权限列表:

摄像头

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问