更新记录

4.0.6（2023-10-22）

1、修复IOS 苹果12机型在时分日期宽度较大时，尾部显示不全的问题 2、优化IOS存储

4.0.5（2023-07-25）

前置摄像头照片处理，兼容华为鸿蒙系统

4.0.2（2023-07-21）

优化回调事件处理

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

camera-view

温馨提示：可下载demo示例工程研究详细功能

说明 & 定制开发

为满足开发者不同的界面UI需求，更加自由搭建页面效果，本插件仅提供预览页面(不含任何按钮文字等) + API功能(拍照、录像、切换摄像头、闪光灯、水印设置)，详情可参阅示例工程。如有未满足的功能亦可联系我们进行功能升级和优化，或者定制功能开发，我们下个版本插件将提供视频动态水印功能，动态时间功能，敬请期待。

QQ: 835588741/1660584265 微信: 15921627041

注意

manifest.json 中 App常用其他设置 minSdkVersion设置为23

支持IOS/Android两大平台，只需要将插件加入到页面，然后云打包或打包自定义基座（注意：原生插件必须要在nvue的页面，nvue和vue基本功能一直，只是存在一些差异，比如css的用法等），即可调用开放的API接口（拍照、录像、闪光灯开关、前后摄像头镜像切换、水印logo设置），插件本身为满足用户的不同UI设计，仅提供预览+开放API，让插件实现高度自由的界面自定义，用户可自行在预览界面上叠加放置其他按钮或文字（具体可参照demo项目）。

关于水印，如果用户不希望拍摄的照片上有水印，可以不传或者调用addWaterText({})具体设置空值，视频的水印分为标签水印和背景防盗水印，标签水印也是通过addWaterText生成，背景水印则是在stopRecord停止录像时传值控制(默认无水印)

缺陷：在android平台端小部分机型存在拍照后旋转角度的问题 ！！！

体验apk下载地址(即基座)，因uniapp平台无法在demo示例中提交apk，可直接安装亦可下载后放到项目中做自定义基座nativeplugins-> camera-view -> android

如果对水印配置需求更高，希望能够更自由灵活设置水印，可以使用增强版，增强版两大特色：1.动态时间水印可以满足录制视频时日期时间每一秒都在变化 2.可设置多个图片水印，设置更灵活的文字水印

API 简要说明

特别注意： 1、水印添加（分为视频水印和照片水印, mode=0时为照片水印，缺省或其他任意mode值为视频水印，视频水印可以设置多个）

API addWaterText 水印方法属性说明

特别注意：插件默认不会将图片、视频存入媒体库相册，如果需要在拍照录像后保存到相册请设置 isSaveImage2Album & isSaveVideo2Album ["0"不存相册 / "1"存入相册]

customImgLogo 自定义图片logo属性说明

水印使用方法：

        <!-- 用法简述 其他方法请参考文档 -->
        <!-- 添加照片水印 此方法必须在拍照之前调用，否则水印不生效 -->
        this.$refs.cameraObj.addWaterText({
            "date":this.tempDateStr || "",  // 日期
            "logo":"· 七彩云 ·|水印相机",  // 品牌文字logo
            "address":(this.showAddress ? this.address:""),
            "time":this.tempTimeStr || "", // 时间
            "week":this.weekDay || "",  // 星期
            "remark":(this.showRemark ? this.remark:""),  // 备注
            "weather":"", // 天气描述
            "logoMarginRight": 10,  // 默认 0  logo距离屏幕右边的间距  logo默认在右下角
            "logoMarginBottom" 35,  // 默认 15  logo距离屏幕底部的间距  logo默认在右下角
            “logoSpace”: 0 // 默认0  logo图片和文字的间距
            ”customImgLogo“: {url: 'xxxx'}  // 自定义图片
        });

        // 通过下载的图片设置自定义logo图
        uni.downloadFile({
            url:'http://imgs.yisanguo.net/icons/icon_sys_mes_avatar.png',
            success(res) {
                // 需要转成绝对地址路径
                let real = plus.io.convertLocalFileSystemURL(res.tempFilePath);

                // 设置水印
                $that.$refs.cameraObj.addWaterText({
                    "logo":"·七彩云·|水印相机",
                    "customImgLogo": {url:real}
                });
                $that.$refs.cameraObj.takePhoto();
            }
        })

        <!-- 添加视频水印标签 tag标签名字必填  x/y 未填则默认初始居中 tagAlpha|标签文字透明度 tagColor|标签文字颜色  注意颜色值前面不要加#号-->
        this.$refs.cameraObj.addWaterText({
            "mode": 1,   // 视频水印的标志， 0（或不传）是图片水印，>0都是视频水印
            "unShowControl": true,  // 是否显示缩放拉伸按钮的控制视图
            "tag":"上海市·嘉定区 晴 39°",  // 水印标签文字
            "x": 100,   // 水印标签的x坐标
            "y": 200,   // 水印标签的y坐标
            "tagAlpha": 120,  // 水印标签的透明度 0 - 255
            "tagColor":"FFFFFF",  // 水印标签的颜色
        });

        <!-- 停止录像 并设置防盗背景水印 -->
        this.$refs.cameraObj.stopRecord({logoText:'上海栾青网络科技有限公司',logoSize:46});

        // 上传函数
        testUpload(filePath){
            const $that = this;
            // 改为各位大神自己的服务器上传接口地址
            const urlPath = "https://.../.../...";

            const uploadTask = uni.uploadFile({
                url: urlPath, // 仅为示例，非真实的接口地址
                filePath: filePath,
                name: 'file',
                timeout:300 * 1000,  // 五分钟超时
                header: {
                    'Content-Type': 'application/json; charset=UTF-8', // 默认值
                    'Source-Type': 'WEB',
                    'Accept': '*/*',
                },
                success: (uploadFileRes) => {
                    console.log("上传成功：",uploadFileRes.data);
                },
                fail: (e)=>{
                    console.error("上传失败",e);
                }
            });
        },

    <!-- 注意：如果需要精确的宽高，请自行计算定义宽高并更改，上述代码示例中为了方便固定了750 1200 -->

对于需要上传的开发者，可在拍照/录像完成后在回调方法里得到照片/视频的保存路径，然后调用上传接口上传即可

开发者监听回调能得到哪些数据

回调的数据格式 receiveInfo：

{
    detail:{
        code:2003,
        message:'用户未授权',
        ratio:0.75 // 仅android端返回 此参数为android设备摄像头最优的宽高比例
        videoPath:'......', // 根据平台系统不同
        imagePath:'.......' // 根据平台系统不同
        isSaveImage2Album: ? // 是否保存图片到相册 用户可以在相册中看到照片
        isSaveVideo2Album: ? // 是否保存视频到相册 用户可以在相册中看到视频
        progress: // 视频水印处理进度  回调@onVideoWaterMarkProgress时生效
    }
}
code状态码:
200成功 2001拍照失败  2002录像失败  2003缺少权限  2004图片保存失败  2005|SD卡不可用，图片保存失败   2006视频处理状态码

上海栾青网络科技有限公司

15921627041 (同微信)