Camera-util

导入插件

npm install camera-util

使用

1. 进入考试页面时初始化相机

useCamera.createCamera({
context: video dom,
constraints: {
    audio: false,// 是否开启音频
    video: {
    height: { ideal: 1080 },// 录制高度
    width: { ideal: 1920 },// 录制宽度
    frameRate: { ideal: 30 }// 帧率
    }
},
uploadConfig: {
    uploadModel: 'local',//本地存储还是云端上传
    uploadType: 'image',//录制模式还是图片模式
},
config: {//可选项,不设置则按默认值设置
    type: 'image/jpeg',//文件格式
    quality: 1,//图片的压缩因子
    width: 1080,//图片宽度
    height: 1920,//图片高度
}
})

| 参数 | 说明 | 类型 | 是否必填 | | ------------ | ------------------------------------------------- | ----------------------- | -------- | | context | video的dom元素 | HTMLVideoElement | 必填 | | constraints | 摄像头参数 | IMediaStreamConstraints | 必填 | | uploadConfig | 上传参数 | IUploadConfig | 必填 | | config | 录制参数,type参数根据uploadType选择正确的文件格式 | ICameraMideaConfig | 选填 |

2. 答题开始时开启录制

const cb = await useCamera.startCatch() 

| 返回值 | 说明 | | ----------------- | -------------------------- | | Promise | 结束录制时传入这个function |

3. 答题过程中的操作调用

useCamera.upload(ossClient,
    {
        backQuestion: Boolean,
        currentIdex: Number,
        formId,
        userId,
        preDir
    })

| 参数 | 说明 | 类型 | 是否必填 | | --------- | ------------------------------ | ------------- | -------- | | ossClient | 上传到云端的oss实例 | OSS | 必填 | | config | 上传参数(preDir是上传路径前缀) | IUploadConfig | 必填 |

4. 结束答题时结束录制

useCamera.stopCatch(stopFn,{
    backQuestion: Boolean,
    currentIdex: Number,
    formId,
    userId,
    preDir
    })

| 参数 | 说明 | 类型 | 是否必填 | | ------ | ------------------------------ | ------------- | -------- | | stopFn | 传入步骤2返回的函数 | Function | 必填 | | config | 上传参数(preDir是上传路径前缀) | IUploadConfig | 必填 |

5. 离开答题页面时释放资源

useCamera.stopCamera()