camera-util

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()