更新记录
1.0.0(2023-12-06) 下载此版本
1 指定前后置摄像头 2 回调函数处理
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
拍照组件,主要解决无法指定前后置摄像头的问题
使用方法
// 引入组件,下载源码后,按照路径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 后置 // 此处可扩展为 只允许前置或后置 在源码处将反转摄像头图标去掉即可
引入说明
- 该组件需要webview以使用webrtc能力,所以除了vue文件外,还需要将相应的html/js等文件引入,源码中都有 自己复制进去即可
- 如需要更改样式或功能扩展,可直接修改源码,源码中并不包含其他包
- 使用webrtc 可以实现音视频通话以及多人会议室等功能,在uniapp中可流畅运行,经本人测试,15路音视频,延时在500ms以下,感兴趣的小伙伴可以研究一下
- 如果对ffmpeg熟悉的同志,可以扩展图片/视频/音频等的存储等相关功能,原理相似
作者:百鬼夜行,