{"remainingRequest":"D:\\dm\\HHHT-fbky\\hhht_fbky\\node_modules\\babel-loader\\lib\\index.js!D:\\dm\\HHHT-fbky\\hhht_fbky\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\dm\\HHHT-fbky\\hhht_fbky\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\dm\\HHHT-fbky\\hhht_fbky\\src\\components\\HelloWorld.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\dm\\HHHT-fbky\\hhht_fbky\\src\\components\\HelloWorld.vue","mtime":1741075589528},{"path":"D:\\dm\\HHHT-fbky\\hhht_fbky\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740991511838},{"path":"D:\\dm\\HHHT-fbky\\hhht_fbky\\node_modules\\babel-loader\\lib\\index.js","mtime":1740991520080},{"path":"D:\\dm\\HHHT-fbky\\hhht_fbky\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740991511838},{"path":"D:\\dm\\HHHT-fbky\\hhht_fbky\\node_modules\\vue-loader\\lib\\index.js","mtime":1740991518721}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { rtcHelper } from '@/assets/js/tr_webrtc.min.js'; // import Dayjs from \"dayjs\";\n// import { mapGetters } from \"vuex\";\n\nexport default {\n  name: \"Fbky\",\n  // computed: {\n  //   ...mapGetters([\"rtcHelper\"]),\n  // },\n  // props: {\n  //   curFbkyData: {\n  //     //分机登录参数\n  //     type: Object,\n  //     require: true,\n  //     default: () => ({}),\n  //   },\n  //   ringNumber: {\n  //     //号码参数\n  //     type: String,\n  //     require: true,\n  //     default: \"111\",\n  //   },\n  //   callDisable: {\n  //     //呼出或挂断控制\n  //     type: Boolean,\n  //     require: true,\n  //     default: false,\n  //   },\n  // },\n  data: function data() {\n    return {\n      login: \"8889\",\n      //分机号\n      password: \"123456\",\n      //分机密码\n      socketUrl: \"wss://172.10.10.61:1443/webrtc\",\n      //webSocketURL\n      localIp: \"\",\n      autoReg: true,\n      autoAnswer: false,\n      mic: \"\",\n      //麦克风选择\n      cam: \"\",\n      //摄像头选择\n      speak: \"\",\n      //扬声器选择\n      call_in_now_d: null,\n      ringNumber: '111',\n      callback: {\n        onRinging: function onRinging(d) {\n          // 来电\n          this.onRinging(d);\n        },\n        onCalling: function onCalling(d) {\n          // 外呼\n          this.onCalling(d);\n        },\n        onAnswer: function onAnswer(d) {\n          // 通话中\n          this.onAnswer(d);\n        },\n        onHangup: function onHangup(d) {// 挂机\n          // this.onHangup(d);\n        },\n        onLogin: function onLogin() {\n          //登录回调\n          console.log(\"登录状态在线回调\");\n          document.getElementById(\"off_status\").setAttribute(\"hidden\", \"hidden\");\n          document.getElementById(\"on_status\").removeAttribute(\"hidden\");\n        },\n        onLogout: function onLogout() {\n          //登出回调\n          console.log(\"登出状态离线回调\");\n          document.getElementById(\"on_status\").setAttribute(\"hidden\", \"hidden\");\n          document.getElementById(\"off_status\").removeAttribute(\"hidden\");\n        }\n      }\n    };\n  },\n  watch: {\n    curFbkyData: {\n      handler: function handler(newValue) {\n        var _this = this;\n\n        this.callHangupAll();\n        console.log(\"数据更新：\", newValue);\n\n        if (newValue.url) {\n          this.login = newValue.admin;\n          this.password = newValue.password;\n          this.socketUrl = newValue.url;\n          this.localIp = newValue.localIp;\n        }\n\n        setTimeout(function () {\n          _this.initPerimeter();\n        }, 1500);\n      },\n      deep: true\n    },\n    ringNumber: {\n      handler: function handler(newValue) {\n        this.callHangupAll();\n\n        if (this.callDisable) {\n          this.dial(0);\n        }\n\n        console.log(\"拨打号码：\", newValue);\n      },\n      deep: true\n    },\n    callDisable: {\n      handler: function handler(newValue) {\n        if (newValue) {\n          this.dial(0);\n          console.log(\"拨号\", this.ringNumber);\n        } else {\n          this.callHangupAll();\n          console.log(\"挂断\");\n        }\n      },\n      deep: true\n    }\n  },\n  created: function created() {\n    var _this2 = this;\n\n    this.initMediaDevices();\n    setTimeout(function () {\n      _this2.initPerimeter();\n    }, 500);\n  },\n  destroyed: function destroyed() {\n    var _this3 = this;\n\n    this.callHangupAll();\n    setTimeout(function () {\n      _this3.webRtcLogout();\n    }, 500);\n  },\n  mounted: function mounted() {},\n  methods: {\n    getVideoDiv: function getVideoDiv() {\n      return document.getElementById(\"peerTag\").value;\n    },\n    getValue: function getValue(id) {\n      return document.getElementById(id).value;\n    },\n    setValue: function setValue(id, value) {\n      document.getElementById(id).value = value;\n    },\n    //载入参数登录\n    initPerimeter: function initPerimeter() {\n      if (!this.login || !this.password || !this.socketUrl) {\n        alert(\"请填写必填参数\");\n        return;\n      } // 缓存配置\n\n\n      localStorage.verto_login = this.login; //分机账号\n\n      localStorage.verto_password = this.password; //分机密码\n\n      localStorage.verto_socketUrl = this.socketUrl; //webSocketURL\n\n      localStorage.verto_localIp = this.localIp;\n      localStorage.verto_autoReg = this.autoReg; //自动登录开关\n\n      localStorage.verto_autoAnswer = this.autoAnswer; //自动接听开关\n\n      rtcHelper.bootstrap(this.login, this.password, this.socketUrl, this.localIp, this.getVideoDiv(), \"local_video\", this.callback, this.mic, this.speak, this.cam); // console.log(\n      //   \"配置载入参数\",\n      //   this.login,\n      //   this.password,\n      //   this.socketUrl,\n      //   this.localIp,\n      //   this.getVideoDiv(),\n      //   \"local_video\",\n      //   this.callback,\n      //   this.mic,\n      //   this.speak,\n      //   this.cam\n      // );\n    },\n    //获取音视频设备\n    initMediaDevices: function initMediaDevices() {\n      var _this4 = this;\n\n      rtcHelper.getMediaDevices().then(function (result) {\n        try {\n          var microphone = result.audioInputDevices; //麦克风\n\n          var camera = result.videoDevices; //摄像头+\n\n          var loudspeaker = result.audioOutputDevices; //扬声器\n\n          var microphoneStr = \"\";\n          var cameraStr = \"\";\n          var loudspeakerStr = \"\";\n\n          for (var i = 0; i < microphone.length; i++) {\n            microphoneStr += '<option value=\"' + microphone[i].deviceId + '\">' + microphone[i].label + \"</option>\";\n          }\n\n          document.getElementById(\"audioInputDev\").innerHTML = microphoneStr;\n\n          for (var _i = 0; _i < camera.length; _i++) {\n            cameraStr += '<option value=\"' + microphone[_i].deviceId + '\">' + camera[_i].label + \"</option>\";\n          }\n\n          document.getElementById(\"videoInputDev\").innerHTML = cameraStr;\n\n          for (var _i2 = 0; _i2 < loudspeaker.length; _i2++) {\n            loudspeakerStr += '<option value=\"' + microphone[_i2].deviceId + '\">' + loudspeaker[_i2].label + \"</option>\";\n          }\n\n          document.getElementById(\"audioOutputDev\").innerHTML = loudspeakerStr;\n\n          if (microphone.length > 0) {\n            _this4.mic = microphone[0].deviceId;\n          }\n\n          if (camera.length > 0) {\n            _this4.cam = camera[0].deviceId;\n          }\n\n          if (loudspeaker.length > 0) {\n            _this4.speak = loudspeaker[0].deviceId;\n          }\n\n          console.log(\"音视频设备：\", result, _this4.mic, _this4.cam, _this4.speak);\n        } catch (e) {\n          console.error(e);\n        } // 自动登录\n        // if (\n        //   localStorage.verto_autoReg == \"true\" &&\n        //   localStorage.verto_login &&\n        //   localStorage.verto_password &&\n        //   localStorage.verto_socketUrl\n        // ) {\n        //   this.initPerimeter();\n        // }\n\n      });\n    },\n    //登录\n    webRtcLogin: function webRtcLogin() {\n      try {\n        rtcHelper.rtcLogin();\n      } catch (e) {\n        console.error(e);\n      }\n    },\n    //登出\n    webRtcLogout: function webRtcLogout() {\n      try {\n        rtcHelper.rtcLogout();\n      } catch (e) {\n        console.error(e);\n      }\n    },\n    // 拨号外呼\n    dial: function dial(type) {\n      document.getElementById('hc').addEventListener('click', function () {\n        navigator.mediaDevices.getUserMedia({\n          audio: true\n        }).then(function (stream) {\n          var audio = document.createElement('audio');\n          audio.srcObject = stream;\n          audio.autoplay = true;\n          document.body.appendChild(audio);\n        }).catch(function (error) {\n          console.error('获取麦克风失败:', error);\n        });\n      });\n      console.log(\"拨号号码：\", this.ringNumber);\n      var destinationNumber = this.ringNumber;\n\n      if (!destinationNumber) {\n        alert(\"没有输入被叫号码\");\n        return;\n      }\n\n      if (type === 1) {\n        // 视频呼出\n        rtcHelper.rtcDial(destinationNumber, true);\n      } else {\n        // 语音呼出\n        rtcHelper.rtcDial(destinationNumber, false);\n      }\n    },\n    //历史记录\n    logRecords: function logRecords(callee, type) {\n      var log = \"\";\n\n      switch (type) {\n        case \"ringing\":\n          log = new Date().Format(\"yyyy-MM-dd HH:mm:ss\") + \" 呼入 \" + callee;\n          break;\n\n        case \"calling\":\n          log = new Date().Format(\"yyyy-MM-dd HH:mm:ss\") + \" 呼出 \" + callee;\n          break;\n\n        default:\n          break;\n      }\n\n      if (localStorage.verto_his_list) {\n        localStorage.verto_his_list += \",\" + log;\n      } else {\n        localStorage.verto_his_list = log;\n      }\n    },\n    // =================== 通话事件 start ====================\n    onRinging: function onRinging(d) {\n      var callee = d.cidString();\n      console.log(\"===========来电信息===========\" + callee);\n      console.log(\"通话呼入事件\", d); // 判断是否自动接听\n\n      if (localStorage.verto_autoAnswer) {\n        console.log(\"自动接听\");\n\n        if (d.params.wantVideo) {\n          // 选择是否有视频\n          var videoFlag = true;\n          rtcHelper.rtcAnswer(d, videoFlag);\n        } else {\n          rtcHelper.rtcAnswer(d, false);\n        }\n      } else {\n        document.getElementById(\"call_in_now\").innerHTML = callee;\n        document.getElementById(\"call_in_now\").setAttribute(\"callID\", d.callID);\n        this.call_in_now_d = d;\n      }\n\n      document.getElementById(\"call_list\").innerHTML += \"<li callID='\" + d.callID + \"' @click='checkCalling(this)'>\" + callee + \" 呼入</li>\"; // 缓存历史呼入记录\n\n      this.logRecords(callee, \"ringing\");\n    },\n    onCalling: function onCalling(d) {\n      var callee = d.cidString();\n      console.log(\"通话呼出事件\", d); // 呼出通话启动\n\n      document.getElementById(\"call_list\").innerHTML += \"<li callID='\" + d.callID + \"' @click='checkCalling(this)'>\" + callee + \" 呼出</li>\"; // 缓存历史呼出记录\n\n      this.logRecords(callee, \"calling\");\n    },\n    onAnswer: function onAnswer(d) {\n      // 通话中处理\n      console.log(\"通话中事件\", d);\n    },\n    onHangup: function onHangup(d) {// 挂机处理 -  接通列表处理\n      // console.log(\"通话挂机事件\", d);\n    },\n    // =================== 通话事件 end ====================\n    // =================== 呼入处理 start ====================\n    // 呼入接听\n    callInAnswer: function callInAnswer(type) {\n      if (!this.call_in_now_d) {\n        alert(\"当前无通话呼入\");\n        return;\n      }\n\n      if (type === 1) {\n        if (this.call_in_now_d.params.wantVideo) {\n          // 选择是否有视频\n          var videoFlag = true;\n          rtcHelper.rtcAnswer(this.call_in_now_d, videoFlag);\n        } else {\n          rtcHelper.rtcAnswer(this.call_in_now_d, false);\n        }\n      } else {\n        rtcHelper.rtcAnswer(this.call_in_now_d, false);\n      }\n\n      console.log(\"通话呼入\");\n      document.getElementById(\"call_in_now\").innerHTML = \"\";\n      this.call_in_now_d = null;\n    },\n    // 呼入挂断\n    callInHangup: function callInHangup() {\n      if (!this.call_in_now_d) {\n        alert(\"当前无通话呼入\");\n        return;\n      }\n\n      rtcHelper.rtcHangup(this.call_in_now_d.callID);\n      document.getElementById(\"call_in_now\").innerHTML = \"\";\n      console.log(\"通话挂断\");\n      this.call_in_now_d = null;\n    },\n    // =================== 呼入处理 end ====================\n    // =================== 通话功能 start ==================\n    checkCalling: function checkCalling(e) {\n      var callID = e.getAttribute(\"callID\");\n      console.log(\"设置\", callID);\n      this.setValue(\"callID\", callID);\n      this.getMuteState(callID);\n      this.getMuteVideoState(callID);\n    },\n    getMuteState: function getMuteState(callID) {\n      if (rtcHelper.rtcGetMuteState(callID)) {\n        // 没有静音\n        console.log(\"非静音,本地声音状态打开\");\n        document.getElementById(\"mute_off_status\").setAttribute(\"hidden\", \"hidden\");\n        document.getElementById(\"mute_on_status\").removeAttribute(\"hidden\");\n      } else {\n        console.log(\"静音，本地声音状态关闭\");\n        document.getElementById(\"mute_off_status\").removeAttribute(\"hidden\");\n        document.getElementById(\"mute_on_status\").setAttribute(\"hidden\", \"hidden\");\n      }\n    },\n    getMuteVideoState: function getMuteVideoState(callID) {\n      if (rtcHelper.rtcGetMuteVideoState(callID)) {\n        // 没有静音\n        console.log(\"非静音,本地视频状态打开\");\n        document.getElementById(\"mute_video_off_status\").setAttribute(\"hidden\", \"hidden\");\n        document.getElementById(\"mute_video_on_status\").removeAttribute(\"hidden\");\n      } else {\n        console.log(\"静音,本地视频状态关闭\");\n        document.getElementById(\"mute_video_off_status\").removeAttribute(\"hidden\");\n        document.getElementById(\"mute_video_on_status\").setAttribute(\"hidden\", \"hidden\");\n      }\n    },\n    //保持或取消指定通话\n    callHoldUnhold: function callHoldUnhold(callID) {\n      if (callID) {\n        rtcHelper.rtcHoldUnhold(callID);\n      } else {\n        alert(\"未选择callID\");\n      }\n    },\n    //关闭或打开通话本地声音\n    callMuteUnmute: function callMuteUnmute(callID) {\n      if (callID) {\n        rtcHelper.rtcMuteUnmute(callID);\n        this.getMuteState(callID);\n      } else {\n        alert(\"未选择callID\");\n      }\n    },\n    //关闭或打开本地视频\n    callMuteUnmuteVideo: function callMuteUnmuteVideo(callID) {\n      if (callID) {\n        rtcHelper.rtcMuteUnmuteVideo(callID);\n        this.getMuteVideoState(callID);\n      } else {\n        alert(\"未选择callID\");\n      }\n    },\n    //挂断指定callID通话\n    callHangup: function callHangup(callID) {\n      if (callID) {\n        rtcHelper.rtcHangup(callID);\n        alert(\"callID\", callID);\n      } else {\n        alert(\"未选择callID\");\n      }\n    },\n    //挂断所有通话\n    callHangupAll: function callHangupAll() {\n      rtcHelper.rtcHangupAll();\n    },\n    //向指定通话发送DTMF\n    callDtmf: function callDtmf(callID, dtmfKey) {\n      if (callID) {\n        rtcHelper.rtcDtmf(callID, dtmfKey);\n      } else {\n        alert(\"未选择callID\");\n      }\n    }\n  }\n};",{"version":3,"sources":["HelloWorld.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n\t<div class=\"fbky-container\">\r\n\t\t<div class=\"top\">\r\n\t\t\t<span> 呼叫对象：呼和浩特全站场 </span>\r\n\t\t\t<span id=\"off_status\" class=\"set_status off_status\">离线</span>\r\n\t\t\t<span id=\"on_status\" class=\"set_status on_status\" hidden=\"\">在线</span>\r\n\t\t</div>\r\n\t\t<div class=\"fbky_manage\">\r\n\t\t\t<el-button type=\"primary\" @click=\"initPerimeter\">连接防爆扩音</el-button>\r\n\t\t\t<el-button type=\"info\" @click=\"webRtcLogout\">断开防爆扩音</el-button>\r\n\t\t\t<el-button type=\"success\" @click=\"dial(0)\">呼出通话</el-button>\r\n\t\t\t<el-button type=\"danger\" @click=\"callHangupAll\">挂断通话</el-button>\r\n\t\t\t<span>注：听到提示音后开始讲话，通话结束后请断开防爆扩音</span>\r\n\t\t</div>\r\n\t\t<div class=\"websocket\" style=\"display: none;\">\r\n\t\t\t<div class=\"websocket_left\">\r\n\t\t\t\t<div class=\"set_case\">\r\n\t\t\t\t\t<div class=\"set_split call_left set_call\">\r\n\t\t\t\t\t\t<div class=\"set_box\">\r\n\t\t\t\t\t\t\t<div class=\"set_item\">\r\n\t\t\t\t\t\t\t\t<div class=\"set_group\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"set_name\">呼出号码：</span>\r\n\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"set_ipt ipt_number\" id=\"destinationNumber\"\r\n\t\t\t\t\t\t\t\t\t\t:v-model=\"ringNumber\" />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"set_group\">\r\n\t\t\t\t\t\t\t\t\t<button class=\"btn cyan_btn\" id=\"hc\" @click=\"dial(0)\">\r\n\t\t\t\t\t\t\t\t\t\t语音呼出\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_split call_right\" style=\"display: none;\">\r\n\t\t\t\t\t\t<div class=\"set_box come_box\">\r\n\t\t\t\t\t\t\t<div class=\"set_item\">\r\n\t\t\t\t\t\t\t\t<div class=\"set_group\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"set_name\">当前来电：</span>\r\n\t\t\t\t\t\t\t\t\t<span id=\"call_in_now\" callID=\"\"></span>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"set_group group_right\">\r\n\t\t\t\t\t\t\t\t\t<button class=\"btn blue_btn margin\" @click=\"callInAnswer(1)\">\r\n\t\t\t\t\t\t\t\t\t\t视频接听\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t<button class=\"btn cyan_btn margin\" @click=\"callInAnswer(0)\">\r\n\t\t\t\t\t\t\t\t\t\t语音接听\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t<button class=\"btn white_btn\" @click=\"callInHangup()\">\r\n\t\t\t\t\t\t\t\t\t\t挂断\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"set_case\" style=\"display: none;\">\r\n\t\t\t\t\t<div class=\"set_split his_left\">\r\n\t\t\t\t\t\t<div class=\"set_box\">\r\n\t\t\t\t\t\t\t<div class=\"set_item call_box\">\r\n\t\t\t\t\t\t\t\t<span class=\"set_name\" style=\"color: red\">执行操作前，请选择正在通话列表(支持同时多路通话)：</span>\r\n\t\t\t\t\t\t\t\t<div class=\"call_case\">\r\n\t\t\t\t\t\t\t\t\t<ul id=\"call_list\"></ul>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_split his_right\">\r\n\t\t\t\t\t\t<div class=\"set_box\">\r\n\t\t\t\t\t\t\t<div class=\"set_item set_first\">\r\n\t\t\t\t\t\t\t\t<span class=\"set_name\">call ID：</span>\r\n\t\t\t\t\t\t\t\t<input type=\"text\" class=\"set_ipt ipt_call\" id=\"callID\" readonly />\r\n\t\t\t\t\t\t\t\t<button class=\"btn blue_btn\" @click=\"callHoldUnhold()\">\r\n\t\t\t\t\t\t\t\t\t保持/取消保持指定通话\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"set_item\">\r\n\t\t\t\t\t\t\t\t<span id=\"mute_off_status\" class=\"set_status off_status margin\" hidden=\"\">己关闭</span>\r\n\t\t\t\t\t\t\t\t<span id=\"mute_on_status\" class=\"set_status on_status margin\" hidden=\"\">未关闭</span>\r\n\t\t\t\t\t\t\t\t<button class=\"btn blue_btn\" @click=\"callMuteUnmute()\">\r\n\t\t\t\t\t\t\t\t\t关闭/打开指定通话本地声音\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"set_item\">\r\n\t\t\t\t\t\t\t\t<span id=\"mute_video_off_status\" class=\"set_status off_status margin\"\r\n\t\t\t\t\t\t\t\t\thidden=\"\">已关闭</span>\r\n\t\t\t\t\t\t\t\t<span id=\"mute_video_on_status\" class=\"set_status on_status margin\" hidden=\"\">未关闭</span>\r\n\t\t\t\t\t\t\t\t<button class=\"btn blue_btn\" @click=\"callMuteUnmuteVideo()\">\r\n\t\t\t\t\t\t\t\t\t关闭/打开指定通话本地视频\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"set_item\">\r\n\t\t\t\t\t\t\t\t<button class=\"btn blue_btn margin\" @click=\"callHangup()\">\r\n\t\t\t\t\t\t\t\t\t挂断指定通话\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"video_box\" style=\"display: none;\">\r\n\t\t\t\t\t<div class=\"video_left\">\r\n\t\t\t\t\t\t<div class=\"video_item video_item1\">\r\n\t\t\t\t\t\t\t<span class=\"video_name\">local_video</span>\r\n\t\t\t\t\t\t\t<video class=\"video_tag\" id=\"local_video\" width=\"10%\" height=\"10%\" autoplay=\"true\"></video>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"websocket_right\">\r\n\t\t\t\t<div class=\"set_box set_zhuce\">\r\n\t\t\t\t\t<div class=\"set_item\">\r\n\t\t\t\t\t\t<span class=\"set_name\">登录状态：</span>\r\n\t\t\t\t\t\t<span id=\"off_status\" class=\"set_status off_status\">未登录</span>\r\n\t\t\t\t\t\t<span id=\"on_status\" class=\"set_status on_status\" hidden=\"\">已登录</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\"><i class=\"must\">*</i>Websocket URL：</span>\r\n\t\t\t\t\t\t<input type=\"text\" class=\"set_ipt\" v-model=\"socketUrl\"\r\n\t\t\t\t\t\t\tplaceholder=\"wss://192.168.10.39:1443/webrtc\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\" style=\"flex: none\"></span>\r\n\t\t\t\t\t\t<span style=\"color: red\">配置wss后，如果连接失败，请先查看是不是https证书问题\r\n\t\t\t\t\t\t\t可以通话访问对应的https页面，手动允许浏览器安全提示</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\">麦克风：</span>\r\n\t\t\t\t\t\t<select class=\"set_slt\" id=\"audioInputDev\">\r\n\t\t\t\t\t\t\t<option value=\"\">请选择</option>\r\n\t\t\t\t\t\t</select>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\">摄像头：</span>\r\n\t\t\t\t\t\t<select class=\"set_slt\" id=\"videoInputDev\">\r\n\t\t\t\t\t\t\t<option value=\"\">请选择</option>\r\n\t\t\t\t\t\t</select>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\">扬声器：</span>\r\n\t\t\t\t\t\t<select class=\"set_slt\" id=\"audioOutputDev\">\r\n\t\t\t\t\t\t\t<option value=\"\">请选择</option>\r\n\t\t\t\t\t\t</select>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\"><i class=\"must\">*</i>用户名：</span>\r\n\t\t\t\t\t\t<input type=\"text\" class=\"set_ipt\" v-model=\"login\" placeholder=\"8889\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\"><i class=\"must\">*</i>密码：</span>\r\n\t\t\t\t\t\t<input type=\"text\" class=\"set_ipt\" v-model=\"password\" placeholder=\"123456\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\" style=\"flex: none\"></span>\r\n\t\t\t\t\t\t<span style=\"color: red\">支持断线重连，通话中关闭网页，在重新登录后会恢复正在进行的通话</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\">自动登录：</span>\r\n\t\t\t\t\t\t<label class=\"check_box\">\r\n\t\t\t\t\t\t\t<input v-model=\"autoReg\" type=\"checkbox\" class=\"check\" />\r\n\t\t\t\t\t\t\t<span>是</span>\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\">自动接听：</span>\r\n\t\t\t\t\t\t<label class=\"check_box\">\r\n\t\t\t\t\t\t\t<input v-model=\"autoAnswer\" type=\"checkbox\" class=\"check\" />\r\n\t\t\t\t\t\t\t<span>是</span>\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\" style=\"flex: none\"></span>\r\n\t\t\t\t\t\t<span style=\"color: red\">注意：每个通话都需要在页面中有一个独立的video标签做为载体，\r\n\t\t\t\t\t\t\t不管是纯音频通话还是音视频通话，\r\n\t\t\t\t\t\t\t多个通话同时使用一个video标签时，后者会覆盖前者通话的视频和音频，\r\n\t\t\t\t\t\t\t测试多路通话时，请每次切换不同的video标签</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\" style=\"display: none;\">\r\n\t\t\t\t\t\t<span class=\"set_name\">下次通话视频位置：</span>\r\n\t\t\t\t\t\t<select class=\"set_slt\" id=\"peerTag\">\r\n\t\t\t\t\t\t\t<option value=\"video1\">video1</option>\r\n\t\t\t\t\t\t\t<option value=\"video2\">video2</option>\r\n\t\t\t\t\t\t\t<option value=\"video3\">video3</option>\r\n\t\t\t\t\t\t\t<option value=\"video4\">video4</option>\r\n\t\t\t\t\t\t\t<option value=\"video5\">video5</option>\r\n\t\t\t\t\t\t\t<option value=\"video6\">video6</option>\r\n\t\t\t\t\t\t\t<option value=\"video7\">video7</option>\r\n\t\t\t\t\t\t\t<option value=\"video8\">video8</option>\r\n\t\t\t\t\t\t</select>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"set_item\">\r\n\t\t\t\t\t\t<button class=\"btn blue_btn margin\" @click=\"initPerimeter()\">\r\n\t\t\t\t\t\t\t载入登录\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<button class=\"btn cyan_btn margin\" @click=\"webRtcLogin()\">\r\n\t\t\t\t\t\t\t登录\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<button class=\"btn white_btn margin\" @click=\"webRtcLogout()\">\r\n\t\t\t\t\t\t\t登出\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<button class=\"btn cyan_btn\" @click=\"callHangupAll()\">\r\n\t\t\t\t\t\t\t挂断所有\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"set_box set_equipment\" style=\"display: none;\">\r\n\t\t\t\t\t<div class=\"set_item\">\r\n\t\t\t\t\t\t<span class=\"set_name\">本机IP：</span>\r\n\t\t\t\t\t\t<input type=\"text\" class=\"set_ipt\" id=\"localIp\" v-model=\"localIp\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- <div class=\"set_box\">\r\n          <div class=\"set_item set_his\">\r\n            <span class=\"set_name\">呼叫历史记录（本地缓存）：</span>\r\n            <div class=\"his_case\">\r\n              <ul id=\"his_list\"></ul>\r\n            </div>\r\n          </div>\r\n        </div> -->\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport {\r\n\t\trtcHelper\r\n\t} from '@/assets/js/tr_webrtc.min.js'\r\n\t// import Dayjs from \"dayjs\";\r\n\t// import { mapGetters } from \"vuex\";\r\n\texport default {\r\n\t\tname: \"Fbky\",\r\n\t\t// computed: {\r\n\t\t//   ...mapGetters([\"rtcHelper\"]),\r\n\t\t// },\r\n\t\t// props: {\r\n\t\t//   curFbkyData: {\r\n\t\t//     //分机登录参数\r\n\t\t//     type: Object,\r\n\t\t//     require: true,\r\n\t\t//     default: () => ({}),\r\n\t\t//   },\r\n\t\t//   ringNumber: {\r\n\t\t//     //号码参数\r\n\t\t//     type: String,\r\n\t\t//     require: true,\r\n\t\t//     default: \"111\",\r\n\t\t//   },\r\n\t\t//   callDisable: {\r\n\t\t//     //呼出或挂断控制\r\n\t\t//     type: Boolean,\r\n\t\t//     require: true,\r\n\t\t//     default: false,\r\n\t\t//   },\r\n\t\t// },\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tlogin: \"8889\", //分机号\r\n\t\t\t\tpassword: \"123456\", //分机密码\r\n\t\t\t\tsocketUrl: \"wss://172.10.10.61:1443/webrtc\", //webSocketURL\r\n\t\t\t\tlocalIp: \"\",\r\n\t\t\t\tautoReg: true,\r\n\t\t\t\tautoAnswer: false,\r\n\t\t\t\tmic: \"\", //麦克风选择\r\n\t\t\t\tcam: \"\", //摄像头选择\r\n\t\t\t\tspeak: \"\", //扬声器选择\r\n\t\t\t\tcall_in_now_d: null,\r\n\t\t\t\tringNumber: '111',\r\n\t\t\t\tcallback: {\r\n\t\t\t\t\tonRinging: function(d) {\r\n\t\t\t\t\t\t// 来电\r\n\t\t\t\t\t\tthis.onRinging(d);\r\n\t\t\t\t\t},\r\n\t\t\t\t\tonCalling: function(d) {\r\n\t\t\t\t\t\t// 外呼\r\n\t\t\t\t\t\tthis.onCalling(d);\r\n\t\t\t\t\t},\r\n\t\t\t\t\tonAnswer: function(d) {\r\n\t\t\t\t\t\t// 通话中\r\n\t\t\t\t\t\tthis.onAnswer(d);\r\n\t\t\t\t\t},\r\n\t\t\t\t\tonHangup: function(d) {\r\n\t\t\t\t\t\t// 挂机\r\n\t\t\t\t\t\t// this.onHangup(d);\r\n\t\t\t\t\t},\r\n\t\t\t\t\tonLogin: function() {\r\n\t\t\t\t\t\t//登录回调\r\n\t\t\t\t\t\tconsole.log(\"登录状态在线回调\");\r\n\t\t\t\t\t\tdocument\r\n\t\t\t\t\t\t\t.getElementById(\"off_status\")\r\n\t\t\t\t\t\t\t.setAttribute(\"hidden\", \"hidden\");\r\n\t\t\t\t\t\tdocument.getElementById(\"on_status\").removeAttribute(\"hidden\");\r\n\t\t\t\t\t},\r\n\t\t\t\t\tonLogout: function() {\r\n\t\t\t\t\t\t//登出回调\r\n\t\t\t\t\t\tconsole.log(\"登出状态离线回调\");\r\n\t\t\t\t\t\tdocument.getElementById(\"on_status\").setAttribute(\"hidden\", \"hidden\");\r\n\t\t\t\t\t\tdocument.getElementById(\"off_status\").removeAttribute(\"hidden\");\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tcurFbkyData: {\r\n\t\t\t\thandler(newValue) {\r\n\t\t\t\t\tthis.callHangupAll();\r\n\t\t\t\t\tconsole.log(\"数据更新：\", newValue);\r\n\t\t\t\t\tif (newValue.url) {\r\n\t\t\t\t\t\tthis.login = newValue.admin;\r\n\t\t\t\t\t\tthis.password = newValue.password;\r\n\t\t\t\t\t\tthis.socketUrl = newValue.url;\r\n\t\t\t\t\t\tthis.localIp = newValue.localIp;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tthis.initPerimeter();\r\n\t\t\t\t\t}, 1500);\r\n\t\t\t\t},\r\n\t\t\t\tdeep: true,\r\n\t\t\t},\r\n\t\t\tringNumber: {\r\n\t\t\t\thandler(newValue) {\r\n\t\t\t\t\tthis.callHangupAll();\r\n\t\t\t\t\tif (this.callDisable) {\r\n\t\t\t\t\t\tthis.dial(0);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tconsole.log(\"拨打号码：\", newValue);\r\n\t\t\t\t},\r\n\t\t\t\tdeep: true,\r\n\t\t\t},\r\n\t\t\tcallDisable: {\r\n\t\t\t\thandler(newValue) {\r\n\t\t\t\t\tif (newValue) {\r\n\t\t\t\t\t\tthis.dial(0);\r\n\t\t\t\t\t\tconsole.log(\"拨号\", this.ringNumber);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.callHangupAll();\r\n\t\t\t\t\t\tconsole.log(\"挂断\");\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tdeep: true,\r\n\t\t\t},\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\tthis.initMediaDevices();\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.initPerimeter();\r\n\t\t\t}, 500);\r\n\t\t},\r\n\t\tdestroyed() {\r\n\t\t\tthis.callHangupAll();\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.webRtcLogout();\r\n\t\t\t}, 500);\r\n\t\t},\r\n\t\tmounted() {},\r\n\t\tmethods: {\r\n\t\t\tgetVideoDiv() {\r\n\t\t\t\treturn document.getElementById(\"peerTag\").value;\r\n\t\t\t},\r\n\t\t\tgetValue(id) {\r\n\t\t\t\treturn document.getElementById(id).value;\r\n\t\t\t},\r\n\t\t\tsetValue(id, value) {\r\n\t\t\t\tdocument.getElementById(id).value = value;\r\n\t\t\t},\r\n\t\t\t//载入参数登录\r\n\t\t\tinitPerimeter() {\r\n\t\t\t\tif (!this.login || !this.password || !this.socketUrl) {\r\n\t\t\t\t\talert(\"请填写必填参数\");\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t// 缓存配置\r\n\t\t\t\tlocalStorage.verto_login = this.login; //分机账号\r\n\t\t\t\tlocalStorage.verto_password = this.password; //分机密码\r\n\t\t\t\tlocalStorage.verto_socketUrl = this.socketUrl; //webSocketURL\r\n\t\t\t\tlocalStorage.verto_localIp = this.localIp;\r\n\t\t\t\tlocalStorage.verto_autoReg = this.autoReg; //自动登录开关\r\n\t\t\t\tlocalStorage.verto_autoAnswer = this.autoAnswer; //自动接听开关\r\n\t\t\t\trtcHelper.bootstrap(\r\n\t\t\t\t\tthis.login,\r\n\t\t\t\t\tthis.password,\r\n\t\t\t\t\tthis.socketUrl,\r\n\t\t\t\t\tthis.localIp,\r\n\t\t\t\t\tthis.getVideoDiv(),\r\n\t\t\t\t\t\"local_video\",\r\n\t\t\t\t\tthis.callback,\r\n\t\t\t\t\tthis.mic,\r\n\t\t\t\t\tthis.speak,\r\n\t\t\t\t\tthis.cam\r\n\t\t\t\t);\r\n\t\t\t\t// console.log(\r\n\t\t\t\t//   \"配置载入参数\",\r\n\t\t\t\t//   this.login,\r\n\t\t\t\t//   this.password,\r\n\t\t\t\t//   this.socketUrl,\r\n\t\t\t\t//   this.localIp,\r\n\t\t\t\t//   this.getVideoDiv(),\r\n\t\t\t\t//   \"local_video\",\r\n\t\t\t\t//   this.callback,\r\n\t\t\t\t//   this.mic,\r\n\t\t\t\t//   this.speak,\r\n\t\t\t\t//   this.cam\r\n\t\t\t\t// );\r\n\t\t\t},\r\n\t\t\t//获取音视频设备\r\n\t\t\tinitMediaDevices() {\r\n\t\t\t\trtcHelper.getMediaDevices().then((result) => {\r\n\t\t\t\t\ttry {\r\n\t\t\t\t\t\tlet microphone = result.audioInputDevices; //麦克风\r\n\t\t\t\t\t\tlet camera = result.videoDevices; //摄像头+\r\n\t\t\t\t\t\tlet loudspeaker = result.audioOutputDevices; //扬声器\r\n\t\t\t\t\t\tlet microphoneStr = \"\";\r\n\t\t\t\t\t\tlet cameraStr = \"\";\r\n\t\t\t\t\t\tlet loudspeakerStr = \"\";\r\n\t\t\t\t\t\tfor (let i = 0; i < microphone.length; i++) {\r\n\t\t\t\t\t\t\tmicrophoneStr +=\r\n\t\t\t\t\t\t\t\t'<option value=\"' +\r\n\t\t\t\t\t\t\t\tmicrophone[i].deviceId +\r\n\t\t\t\t\t\t\t\t'\">' +\r\n\t\t\t\t\t\t\t\tmicrophone[i].label +\r\n\t\t\t\t\t\t\t\t\"</option>\";\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tdocument.getElementById(\"audioInputDev\").innerHTML = microphoneStr;\r\n\t\t\t\t\t\tfor (let i = 0; i < camera.length; i++) {\r\n\t\t\t\t\t\t\tcameraStr +=\r\n\t\t\t\t\t\t\t\t'<option value=\"' +\r\n\t\t\t\t\t\t\t\tmicrophone[i].deviceId +\r\n\t\t\t\t\t\t\t\t'\">' +\r\n\t\t\t\t\t\t\t\tcamera[i].label +\r\n\t\t\t\t\t\t\t\t\"</option>\";\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tdocument.getElementById(\"videoInputDev\").innerHTML = cameraStr;\r\n\t\t\t\t\t\tfor (let i = 0; i < loudspeaker.length; i++) {\r\n\t\t\t\t\t\t\tloudspeakerStr +=\r\n\t\t\t\t\t\t\t\t'<option value=\"' +\r\n\t\t\t\t\t\t\t\tmicrophone[i].deviceId +\r\n\t\t\t\t\t\t\t\t'\">' +\r\n\t\t\t\t\t\t\t\tloudspeaker[i].label +\r\n\t\t\t\t\t\t\t\t\"</option>\";\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tdocument.getElementById(\"audioOutputDev\").innerHTML = loudspeakerStr;\r\n\t\t\t\t\t\tif (microphone.length > 0) {\r\n\t\t\t\t\t\t\tthis.mic = microphone[0].deviceId;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (camera.length > 0) {\r\n\t\t\t\t\t\t\tthis.cam = camera[0].deviceId;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (loudspeaker.length > 0) {\r\n\t\t\t\t\t\t\tthis.speak = loudspeaker[0].deviceId;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tconsole.log(\"音视频设备：\", result, this.mic, this.cam, this.speak);\r\n\t\t\t\t\t} catch (e) {\r\n\t\t\t\t\t\tconsole.error(e);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// 自动登录\r\n\t\t\t\t\t// if (\r\n\t\t\t\t\t//   localStorage.verto_autoReg == \"true\" &&\r\n\t\t\t\t\t//   localStorage.verto_login &&\r\n\t\t\t\t\t//   localStorage.verto_password &&\r\n\t\t\t\t\t//   localStorage.verto_socketUrl\r\n\t\t\t\t\t// ) {\r\n\t\t\t\t\t//   this.initPerimeter();\r\n\t\t\t\t\t// }\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\t//登录\r\n\t\t\twebRtcLogin() {\r\n\t\t\t\ttry {\r\n\t\t\t\t\trtcHelper.rtcLogin();\r\n\t\t\t\t} catch (e) {\r\n\t\t\t\t\tconsole.error(e);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t//登出\r\n\t\t\twebRtcLogout() {\r\n\t\t\t\ttry {\r\n\t\t\t\t\trtcHelper.rtcLogout();\r\n\t\t\t\t} catch (e) {\r\n\t\t\t\t\tconsole.error(e);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t// 拨号外呼\r\n\t\t\tdial(type) {\r\n\r\n\t\t\t\tdocument.getElementById('hc').addEventListener('click', function() {\r\n\t\t\t\t\tnavigator.mediaDevices.getUserMedia({\r\n\t\t\t\t\t\t\taudio: true\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\t.then(stream => {\r\n\t\t\t\t\t\t\tconst audio = document.createElement('audio');\r\n\t\t\t\t\t\t\taudio.srcObject = stream;\r\n\t\t\t\t\t\t\taudio.autoplay = true;\r\n\t\t\t\t\t\t\tdocument.body.appendChild(audio);\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\t.catch(error => {\r\n\t\t\t\t\t\t\tconsole.error('获取麦克风失败:', error);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t\tconsole.log(\"拨号号码：\", this.ringNumber);\r\n\t\t\t\tlet destinationNumber = this.ringNumber;\r\n\t\t\t\tif (!destinationNumber) {\r\n\t\t\t\t\talert(\"没有输入被叫号码\");\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tif (type === 1) {\r\n\t\t\t\t\t// 视频呼出\r\n\t\t\t\t\trtcHelper.rtcDial(destinationNumber, true);\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// 语音呼出\r\n\t\t\t\t\trtcHelper.rtcDial(destinationNumber, false);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t//历史记录\r\n\t\t\tlogRecords(callee, type) {\r\n\t\t\t\tlet log = \"\";\r\n\t\t\t\tswitch (type) {\r\n\t\t\t\t\tcase \"ringing\":\r\n\t\t\t\t\t\tlog = new Date().Format(\"yyyy-MM-dd HH:mm:ss\") + \" 呼入 \" + callee;\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase \"calling\":\r\n\t\t\t\t\t\tlog = new Date().Format(\"yyyy-MM-dd HH:mm:ss\") + \" 呼出 \" + callee;\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tdefault:\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t\tif (localStorage.verto_his_list) {\r\n\t\t\t\t\tlocalStorage.verto_his_list += \",\" + log;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tlocalStorage.verto_his_list = log;\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t// =================== 通话事件 start ====================\r\n\t\t\tonRinging(d) {\r\n\t\t\t\tlet callee = d.cidString();\r\n\t\t\t\tconsole.log(\"===========来电信息===========\" + callee);\r\n\t\t\t\tconsole.log(\"通话呼入事件\", d);\r\n\t\t\t\t// 判断是否自动接听\r\n\t\t\t\tif (localStorage.verto_autoAnswer) {\r\n\t\t\t\t\tconsole.log(\"自动接听\");\r\n\t\t\t\t\tif (d.params.wantVideo) {\r\n\t\t\t\t\t\t// 选择是否有视频\r\n\t\t\t\t\t\tlet videoFlag = true;\r\n\t\t\t\t\t\trtcHelper.rtcAnswer(d, videoFlag);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\trtcHelper.rtcAnswer(d, false);\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tdocument.getElementById(\"call_in_now\").innerHTML = callee;\r\n\t\t\t\t\tdocument.getElementById(\"call_in_now\").setAttribute(\"callID\", d.callID);\r\n\t\t\t\t\tthis.call_in_now_d = d;\r\n\t\t\t\t}\r\n\t\t\t\tdocument.getElementById(\"call_list\").innerHTML +=\r\n\t\t\t\t\t\"<li callID='\" +\r\n\t\t\t\t\td.callID +\r\n\t\t\t\t\t\"' @click='checkCalling(this)'>\" +\r\n\t\t\t\t\tcallee +\r\n\t\t\t\t\t\" 呼入</li>\";\r\n\t\t\t\t// 缓存历史呼入记录\r\n\t\t\t\tthis.logRecords(callee, \"ringing\");\r\n\t\t\t},\r\n\t\t\tonCalling(d) {\r\n\t\t\t\tlet callee = d.cidString();\r\n\t\t\t\tconsole.log(\"通话呼出事件\", d);\r\n\t\t\t\t// 呼出通话启动\r\n\t\t\t\tdocument.getElementById(\"call_list\").innerHTML +=\r\n\t\t\t\t\t\"<li callID='\" +\r\n\t\t\t\t\td.callID +\r\n\t\t\t\t\t\"' @click='checkCalling(this)'>\" +\r\n\t\t\t\t\tcallee +\r\n\t\t\t\t\t\" 呼出</li>\";\r\n\t\t\t\t// 缓存历史呼出记录\r\n\t\t\t\tthis.logRecords(callee, \"calling\");\r\n\t\t\t},\r\n\t\t\tonAnswer(d) {\r\n\t\t\t\t// 通话中处理\r\n\t\t\t\tconsole.log(\"通话中事件\", d);\r\n\t\t\t},\r\n\t\t\tonHangup(d) {\r\n\t\t\t\t// 挂机处理 -  接通列表处理\r\n\t\t\t\t// console.log(\"通话挂机事件\", d);\r\n\t\t\t},\r\n\t\t\t// =================== 通话事件 end ====================\r\n\r\n\t\t\t// =================== 呼入处理 start ====================\r\n\t\t\t// 呼入接听\r\n\t\t\tcallInAnswer(type) {\r\n\t\t\t\tif (!this.call_in_now_d) {\r\n\t\t\t\t\talert(\"当前无通话呼入\");\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tif (type === 1) {\r\n\t\t\t\t\tif (this.call_in_now_d.params.wantVideo) {\r\n\t\t\t\t\t\t// 选择是否有视频\r\n\t\t\t\t\t\tlet videoFlag = true;\r\n\t\t\t\t\t\trtcHelper.rtcAnswer(this.call_in_now_d, videoFlag);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\trtcHelper.rtcAnswer(this.call_in_now_d, false);\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\trtcHelper.rtcAnswer(this.call_in_now_d, false);\r\n\t\t\t\t}\r\n\t\t\t\tconsole.log(\"通话呼入\");\r\n\t\t\t\tdocument.getElementById(\"call_in_now\").innerHTML = \"\";\r\n\t\t\t\tthis.call_in_now_d = null;\r\n\t\t\t},\r\n\r\n\t\t\t// 呼入挂断\r\n\t\t\tcallInHangup() {\r\n\t\t\t\tif (!this.call_in_now_d) {\r\n\t\t\t\t\talert(\"当前无通话呼入\");\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\trtcHelper.rtcHangup(this.call_in_now_d.callID);\r\n\t\t\t\tdocument.getElementById(\"call_in_now\").innerHTML = \"\";\r\n\t\t\t\tconsole.log(\"通话挂断\");\r\n\t\t\t\tthis.call_in_now_d = null;\r\n\t\t\t},\r\n\r\n\t\t\t// =================== 呼入处理 end ====================\r\n\r\n\t\t\t// =================== 通话功能 start ==================\r\n\t\t\tcheckCalling(e) {\r\n\t\t\t\tlet callID = e.getAttribute(\"callID\");\r\n\t\t\t\tconsole.log(\"设置\", callID);\r\n\t\t\t\tthis.setValue(\"callID\", callID);\r\n\t\t\t\tthis.getMuteState(callID);\r\n\t\t\t\tthis.getMuteVideoState(callID);\r\n\t\t\t},\r\n\r\n\t\t\tgetMuteState(callID) {\r\n\t\t\t\tif (rtcHelper.rtcGetMuteState(callID)) {\r\n\t\t\t\t\t// 没有静音\r\n\t\t\t\t\tconsole.log(\"非静音,本地声音状态打开\");\r\n\t\t\t\t\tdocument\r\n\t\t\t\t\t\t.getElementById(\"mute_off_status\")\r\n\t\t\t\t\t\t.setAttribute(\"hidden\", \"hidden\");\r\n\t\t\t\t\tdocument.getElementById(\"mute_on_status\").removeAttribute(\"hidden\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tconsole.log(\"静音，本地声音状态关闭\");\r\n\t\t\t\t\tdocument.getElementById(\"mute_off_status\").removeAttribute(\"hidden\");\r\n\t\t\t\t\tdocument\r\n\t\t\t\t\t\t.getElementById(\"mute_on_status\")\r\n\t\t\t\t\t\t.setAttribute(\"hidden\", \"hidden\");\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tgetMuteVideoState(callID) {\r\n\t\t\t\tif (rtcHelper.rtcGetMuteVideoState(callID)) {\r\n\t\t\t\t\t// 没有静音\r\n\t\t\t\t\tconsole.log(\"非静音,本地视频状态打开\");\r\n\t\t\t\t\tdocument\r\n\t\t\t\t\t\t.getElementById(\"mute_video_off_status\")\r\n\t\t\t\t\t\t.setAttribute(\"hidden\", \"hidden\");\r\n\t\t\t\t\tdocument\r\n\t\t\t\t\t\t.getElementById(\"mute_video_on_status\")\r\n\t\t\t\t\t\t.removeAttribute(\"hidden\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tconsole.log(\"静音,本地视频状态关闭\");\r\n\t\t\t\t\tdocument\r\n\t\t\t\t\t\t.getElementById(\"mute_video_off_status\")\r\n\t\t\t\t\t\t.removeAttribute(\"hidden\");\r\n\t\t\t\t\tdocument\r\n\t\t\t\t\t\t.getElementById(\"mute_video_on_status\")\r\n\t\t\t\t\t\t.setAttribute(\"hidden\", \"hidden\");\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\t//保持或取消指定通话\r\n\t\t\tcallHoldUnhold(callID) {\r\n\t\t\t\tif (callID) {\r\n\t\t\t\t\trtcHelper.rtcHoldUnhold(callID);\r\n\t\t\t\t} else {\r\n\t\t\t\t\talert(\"未选择callID\");\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t//关闭或打开通话本地声音\r\n\t\t\tcallMuteUnmute(callID) {\r\n\t\t\t\tif (callID) {\r\n\t\t\t\t\trtcHelper.rtcMuteUnmute(callID);\r\n\t\t\t\t\tthis.getMuteState(callID);\r\n\t\t\t\t} else {\r\n\t\t\t\t\talert(\"未选择callID\");\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t//关闭或打开本地视频\r\n\t\t\tcallMuteUnmuteVideo(callID) {\r\n\t\t\t\tif (callID) {\r\n\t\t\t\t\trtcHelper.rtcMuteUnmuteVideo(callID);\r\n\t\t\t\t\tthis.getMuteVideoState(callID);\r\n\t\t\t\t} else {\r\n\t\t\t\t\talert(\"未选择callID\");\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t//挂断指定callID通话\r\n\t\t\tcallHangup(callID) {\r\n\t\t\t\tif (callID) {\r\n\t\t\t\t\trtcHelper.rtcHangup(callID);\r\n\t\t\t\t\talert(\"callID\", callID);\r\n\t\t\t\t} else {\r\n\t\t\t\t\talert(\"未选择callID\");\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t//挂断所有通话\r\n\t\t\tcallHangupAll() {\r\n\t\t\t\trtcHelper.rtcHangupAll();\r\n\t\t\t},\r\n\t\t\t//向指定通话发送DTMF\r\n\t\t\tcallDtmf(callID, dtmfKey) {\r\n\t\t\t\tif (callID) {\r\n\t\t\t\t\trtcHelper.rtcDtmf(callID, dtmfKey);\r\n\t\t\t\t} else {\r\n\t\t\t\t\talert(\"未选择callID\");\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t// =================== 通话功能 end ==================\r\n\t\t},\r\n\t};\r\n</script>\r\n<style scoped>\r\n\t.fbky-container {\r\n\t\twidth: 100%;\r\n\t\tbackground: #00000000;\r\n\t}\r\n\r\n\t.top {\r\n\t\tcolor: #fff;\r\n\t\tfont-size: 14px;\r\n\t\t/* height: 60px; */\r\n\t\ttext-align: left;\r\n\t}\r\n\r\n\t.fbky_manage {\r\n\t\tcolor: #fff;\r\n\t\tfont-size: 14px;\r\n\t\tmargin-top: 10px;\r\n\t\t/* margin-bottom: 10px; */\r\n\t\ttext-align: left;\r\n\t}\r\n\r\n\t.fbky_manage span {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-left: 20px;\r\n\t\tcolor: red;\r\n\t}\r\n\r\n\t.fbky-container .websocket {\r\n\t\t/* width: 100%; */\r\n\t\t/* height: 60%; */\r\n\t\tdisplay: flex;\r\n\t\tpadding: 20px;\r\n\t\t/* background-color: #f1f4f7; */\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_left {\r\n\t\t/* width: 70%; */\r\n\t\t/* padding-right: 20px; */\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_left .set_case {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_left .set_case .set_call .set_name {\r\n\t\twidth: 80px;\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_left .set_case .set_item {\r\n\t\tmargin-bottom: 15px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_left .set_case .call_left {\r\n\t\t/* width: 50%; */\r\n\t\tdisplay: flex;\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_left .set_case .call_right {\r\n\t\twidth: 50%;\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_left .video_box {\r\n\t\theight: 200px;\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_left .video_box .video_left,\r\n\t.fbky-container .websocket .websocket_left .video_box .video_right {\r\n\t\twidth: 50%;\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_left .video_box .video_left {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_left .video_box .video_right {\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_right {\r\n\t\twidth: 30%;\r\n\t}\r\n\r\n\t.fbky-container .websocket .websocket_right .set_box {\r\n\t\twidth: 100%;\r\n\t\t/* background-color: #fff; */\r\n\t\tpadding: 20px;\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\r\n\t.set_box {\r\n\t\twidth: 100%;\r\n\t\t/* background-color: #fff; */\r\n\t\tpadding: 20px;\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\r\n\t.set_item:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.group_case {\r\n\t\tjustify-content: space-between;\r\n\t}\r\n\r\n\t.set_group {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.set_slt,\r\n\t.set_ipt {\r\n\t\tflex: auto;\r\n\t\theight: 30px;\r\n\t\tline-height: 30px;\r\n\t\tborder: 1px solid #d1d1d1;\r\n\t\toutline: none;\r\n\t\tborder-radius: 3px;\r\n\t\tpadding-left: 10px;\r\n\t\tbackground-color: #fff !important;\r\n\t}\r\n\r\n\t.btn {\r\n\t\tpadding: 6px 12px;\r\n\t\tborder-radius: 3px;\r\n\t\tcursor: pointer;\r\n\t\toutline: none !important;\r\n\t\tfont-size: 12px !important;\r\n\t}\r\n\r\n\t.btn:hover {\r\n\t\topacity: 0.8;\r\n\t}\r\n\r\n\t.blue_btn {\r\n\t\tbackground-color: #1890ff;\r\n\t\tborder: 1px solid #1890ff;\r\n\t\tcolor: #fff !important;\r\n\t}\r\n\r\n\t.cyan_btn {\r\n\t\tbackground-color: #00bcd4;\r\n\t\tborder: 1px solid #00bcd4;\r\n\t\tcolor: #fff !important;\r\n\t}\r\n\r\n\t.white_btn {\r\n\t\tbackground-color: #fafafa;\r\n\t\tborder: 1px solid #d1d1d1;\r\n\t}\r\n\r\n\t.video_box {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.video_left,\r\n\t.video_right {\r\n\t\twidth: 50%;\r\n\t}\r\n\r\n\t.video_left {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.video_right {\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\r\n\t.video_item {\r\n\t\tposition: relative;\r\n\t\tbackground-color: #fff;\r\n\t\tborder: 1px solid #d1d1d1;\r\n\t}\r\n\r\n\t.video_item1 {\r\n\t\twidth: 100%;\r\n\t\tflex: auto;\r\n\t}\r\n\r\n\t.video_item2 {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.video_item3 {\r\n\t\twidth: 50%;\r\n\t}\r\n\r\n\t.video_name {\r\n\t\tposition: absolute;\r\n\t\ttop: 5px;\r\n\t\tleft: 5px;\r\n\t}\r\n\r\n\t.video_tag {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.set_case {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.set_status {\r\n\t\tcolor: #fff;\r\n\t\tborder-radius: 10px;\r\n\t\tpadding: 4px 10px;\r\n\t}\r\n\r\n\t.off_status {\r\n\t\tbackground-color: #bbb;\r\n\t}\r\n\r\n\t.on_status {\r\n\t\tbackground-color: #3fd672;\r\n\t}\r\n\r\n\t.must {\r\n\t\tcolor: red;\r\n\t\tfont-size: 17px;\r\n\t\tposition: absolute;\r\n\t\tleft: -10px;\r\n\t\ttop: 0px;\r\n\t}\r\n\r\n\t.set_name {\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.set_zhuce .set_name {\r\n\t\twidth: 140px;\r\n\t}\r\n\r\n\t.set_equipment .set_name {\r\n\t\twidth: 90px;\r\n\t}\r\n\r\n\t.margin {\r\n\t\tmargin-right: 20px;\r\n\t}\r\n\r\n\t.his_left {\r\n\t\twidth: 30%;\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.his_right {\r\n\t\twidth: 70%;\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.ipt_number {\r\n\t\tflex: none;\r\n\t\twidth: 50%;\r\n\t}\r\n\r\n\t.call_box {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-start;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.call_box .set_name {\r\n\t\tmargin-bottom: 12px;\r\n\t}\r\n\r\n\t.call_case {\r\n\t\tdisplay: flex;\r\n\t\theight: 135px;\r\n\t\toverflow: hidden auto;\r\n\t\tborder: 1px solid #d1d1d1;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.his_case {\r\n\t\tdisplay: flex;\r\n\t\theight: 182px;\r\n\t\toverflow: hidden auto;\r\n\t\tborder: 1px solid #d1d1d1;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t#call_list {\r\n\t\tflex: auto;\r\n\t}\r\n\r\n\t#call_list>li,\r\n\t#his_list>li {\r\n\t\theight: 30px;\r\n\t\tline-height: 30px;\r\n\t\tpadding: 0 20px;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t#call_list>li:hover,\r\n\t#his_list>li:hover {\r\n\t\tbackground-color: #eee;\r\n\t}\r\n\r\n\t.set_his {\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-start;\r\n\t}\r\n\r\n\t.set_his .set_name {\r\n\t\tmargin-bottom: 15px;\r\n\t}\r\n\r\n\t#his_list {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.set_speed {\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-start;\r\n\t}\r\n\r\n\t#speed {\r\n\t\tmargin-top: 20px;\r\n\t}\r\n\r\n\t.ipt_call {\r\n\t\tflex: none;\r\n\t\twidth: 30%;\r\n\t\tmargin-right: 15px;\r\n\t}\r\n\r\n\t.check_box {\r\n\t\tcursor: pointer;\r\n\t\twidth: 20%;\r\n\t}\r\n\r\n\t.check {\r\n\t\tposition: relative;\r\n\t\ttop: 2px;\r\n\t}\r\n\r\n\t.come_box {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: space-between;\r\n\t}\r\n\r\n\t.set_first {\r\n\t\tmargin-top: 30px;\r\n\t}\r\n\r\n\t.group_right {\r\n\t\tmargin-left: 20px;\r\n\t}\r\n</style>"],"sourceRoot":"src/components"}]}