优化rtc流程

src/App.vue

@@ -54,6 +54,7 @@ function close(err?: string) {
   audioStateNum.value = 0
   quantity.value = 0
   cancelAnimationFrame(conctrlAnimation.value)
+  window.$electron.send('closeMqtt')
 }
 
 // 初始化rtc
@@ -69,7 +70,8 @@ function initRTC() {
       console.log('GatheringState: ', Peer.value?.iceGatheringState)
       if (Peer.value?.iceGatheringState === 'complete') {
         const answer = Peer.value.localDescription
-        window.$electron.send('sendMqtt', answer)
+        console.log('send answer', answer)
+        window.$electron.send('sendMqtt', answer?.toJSON())
       }
     }
 
@@ -82,7 +84,7 @@ function initRTC() {
     // listen changestate·
     Peer.value.oniceconnectionstatechange = async () => {
       const state = Peer.value?.iceConnectionState
-      console.log('ICE状态', state)
+      console.log('StateChange', state)
       if (
         state === 'failed'
         || state === 'disconnected'
@@ -131,7 +133,6 @@ function titleEvent(type: string) {
   if (type === 'maxWin') winMaxOrMin.value = !winMaxOrMin.value
   if (type === 'loginOut') {
     close()
-    window.$electron.send('closeMqtt')
   } else {
     window.$electron?.send(type, winMaxOrMin.value)
   }
@@ -141,22 +142,24 @@ function titleEvent(type: string) {
 window.$electron.on('message', async (msg: any) => {
   switch (msg.type) {
     case 'connect':
-      console.log('连接成功')
+      console.log('mqtt connected start rtc')
       isLogin.value = true
       showLoading.value = true
+      initRTC()
       break
     case 'disconnect':
       close('服务器连接失败')
       break
     case 'join':
+      console.log('join mqtt channel', msg)
       window.$electron.send('sendMqtt', { type: 'startRTC' })
-      initRTC()
       break
     case 'leave':
       close('对方断开连接')
       break
     case 'offer':
       {
+        console.log('get offer?', msg)
         await Peer.value?.setRemoteDescription(msg)
         const answerd = await Peer.value?.createAnswer()
         await Peer.value?.setLocalDescription(answerd)
@@ -164,7 +167,7 @@ window.$electron.on('message', async (msg: any) => {
       break
     case 'power':
       quantity.value = msg.power
-      console.log('电量')
+      console.log('电量', msg.power)
       break
     case 'speed':
       SpeedValue.value = Math.floor(msg.data)