camerastate: false, //相机准备好了 livePusher: null, //流视频对象 snapshotsrc: null, //快照 }; }, onLoad(e) { _this = this; this.initCamera(); }, onReady() { this.livePusher = uni.createLivePusherContext('livePusher', this); this.startPreview(); //开启预览并设置摄像头 this.p...
camerastate: false, //相机准备好了 livePusher: null, //流视频对象 snapshotsrc: null //快照 }; }, onLoad(e) { _this = this; this.initCamera(); }, onReady() { this.livePusher = uni.createLivePusherContext('livePusher', this); this.startPreview(); //开启预览并设置摄像头 this.poe...
camerastate:false,//相机准备好了 livePusher:null,//流视频对象 snapshotsrc:null,//快照 }; }, onLoad(e){ _this=this; this.initCamera(); }, onReady(){ this.livePusher=uni.createLivePusherContext('livePusher',this); this.startPreview();//开启预览并设置摄像头 this.poenCarme(); }, meth...
水印相机实现有两种方式,在小程序端可以用<camera>来实现,但在安卓端不支持camera,使用uniapp的<live-pusher/>来实现相机。 live-pusher推荐使用nvue来做,好处是 nvue也可一套代码编译多端。 nvue的cover-view比vue的cover-view更强大,在视频上绘制元素更容易。如果只考虑App端的话,不用cover-view,任意组件都可以...
},//停止预览stopPreview() {this.livePusher.stopPreview({success:a=>{ _this.camerastate=false; } }); },//状态statechange(e) {//状态改变console.log(e);if(e.detail.code==1007) { _this.camerastate=true; }elseif(e.detail.code== -1301) { ...
基于uniapp 使用 live-pusher 实现 拍照前添加上次拍照图片 并将快照转base64格式上传 准备 开始 camera.nvue 特别注意 上传页 处理 最新项目上有一个记录某处工程进度的功能 ,需要定时去拍照,拍照时需要将上一次拍摄的照片放在拍照界面当做参考,查阅了挺多资料 大多都是基于 live-pusher 实现 所以下面就记录一下整...
LiverPusherErrCode = 10001 | 10002 | 10003 | 10004; export interface LivePusherProps { /** * @desc 推流地址,支持 RTMP 协议 */ url: string; /** * @desc 推流视频模式 * @desc SD 标清 * @desc HD 高清 * @desc FHD 超清 * @desc 默认为 SD */ mode: LivePusherMode; /** * @desc...
不管是camera组件还是live-pusher组件。他们都是原生组件,所以必须使用cover-image、cover-view来制作覆盖层。 2个功能。1.实现相机+取景框的拍照组合。2.裁剪取景框内的元素。 拍照:1.APP端使用直播流 模拟相机窗口。需要在manifest.json -> APP权限模块里勾选 LivePusher直播流 ...
(e.detail.code == -1301) { _this.camerastate = false; } }, //返回 back() { uni.navigateBack(); }, //抓拍 snapshot() { this.livePusher.snapshot({ success: e => { _this.snapshotsrc = e.message.tempImagePath; _this.stopPreview(); _this.setImage(); uni.navigateBack(); } ...
由于相机组件app不支持,所以插件使用live-pusher 直播推流组件实现的自定义相机功能。 拍照页面使用nvue,可以实现应用内拍照以及拍照画面自定义元素等功能。 水印相机页watermarkCamera.nvue 代码语言:javascript 复制 <template><viewclass="live-camera":style="{ width: windowWidth, height: windowHeight }"><viewclas...