From 907cecf432e285305cd84fd5f7d12e8ca262e1a7 Mon Sep 17 00:00:00 2001 From: zhoudw <zhoudw@infobird.com> Date: Tue, 11 Jan 2022 09:42:46 +0800 Subject: [PATCH] 函数 --- src/views/iframe/iframe.vue | 37 ++++++++++++++++++++++--------------- 1 files changed, 22 insertions(+), 15 deletions(-) diff --git a/src/views/iframe/iframe.vue b/src/views/iframe/iframe.vue index 0aba94b..beef655 100644 --- a/src/views/iframe/iframe.vue +++ b/src/views/iframe/iframe.vue @@ -12,6 +12,7 @@ </template> <script> import { mapActions, mapState } from "vuex"; +import VConsole from 'vconsole'; export default { data(){ return{ @@ -35,6 +36,7 @@ this.iframeWin = this.$refs.iframe.contentWindow; }, created () { + let vConsole = new VConsole() // 初始化 let item = JSON.parse(localStorage.getItem("item")); this.scenes_id = item.scenes_id; this.scenes_name = item.scenes_name; @@ -42,7 +44,7 @@ let url = process.env.INTERFACE_SERVER_PATH+process.env.ETS_APP_NEWRECORD_URL; this.live_url = url + "?scenes_id="+this.scenes_id+"&scenes_name="+this.scenes_name+"&client_id="+this.client_id+"&sid="+this.token; console.log(this.live_url); - this.getwsConfig(); + this.loadWxjs(); }, methods:{ ...mapActions({ @@ -71,24 +73,27 @@ });; }, postMessageEvent(){ + let _this = this; window.addEventListener("message", function(e){ var data = e.data; + console.log(data,'收到消息'); switch (data.action) { case 'init': // 初始化 wx.config({ beta: true,// 必须这么写,否则wx.invoke调用形式的jsapi会有问题 debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 - appId: appId, // 必填,企业微信的corpID - timestamp: timeStamp, // 必填,生成签名的时间戳 - nonceStr: nonceStr, // 必填,生成签名的随机串 - signature: signature,// 必填,签名,见 附录-JS-SDK使用权限签名算法 + appId: _this.corpId, // 必填,企业微信的corpID + timestamp: _this.timeStamp, // 必填,生成签名的时间戳 + nonceStr: _this.nonceStr, // 必填,生成签名的随机串 + signature: _this.signature,// 必填,签名,见 附录-JS-SDK使用权限签名算法 jsApiList: [ 'startRecord', 'stopRecord', 'uploadVoice' ], //必填,传入需要使用的接口名称 success: function (res) { - sendMsg({ + console.log(res,'企业微信初始化'); + _this.sendMsg({ action:'init', state:'ok', data:{} @@ -96,7 +101,7 @@ } }); wx.error(function(res){ - sendMsg({ + _this.sendMsg({ action:'init', state:'fail', data:{} @@ -106,7 +111,8 @@ case 'start': // 开始录音 wx.startRecord({ success: function (res) { - sendMsg({ + console.log(res,'开始录音成功'); + _this.sendMsg({ action:'start', state:'ok', data:{} @@ -114,7 +120,7 @@ } }); wx.error(function(res){ - sendMsg({ + _this.sendMsg({ action:'start', state:'fail', data:{} @@ -124,13 +130,15 @@ case 'stop': wx.stopRecord({ success: function (res) { + console.log(res,'停止录音成功'); var localId = res.localId; wx.uploadVoice({ localId: localId, // 需要识别的音频的本地Id,由录音相关接口获得,音频时长不能超过60秒 isShowProgressTips: 0, // 默认为1,显示进度提示 success: function (ures) { + console.log(ures,'上传录音成功'); let serverId = ures.serverId; - sendMsg({ + _this.sendMsg({ action:'stop', state:'ok', data:{ @@ -143,7 +151,7 @@ } }); wx.error(function(res){ - sendMsg({ + _this.sendMsg({ action:'start', state:'fail', data:{} @@ -165,14 +173,13 @@ script.type = 'text/javascript'; script.src = wx_js; document.body.appendChild(script); - if(index == 0){ - script.onload=function(){ - _this.jsload = true; - } + script.onload=function(){ + _this.jsload = true; } }else{ _this.jsload = true; } + this.getwsConfig(); } } } -- Gitblit v1.8.0