优化断网逻辑

src/components/live-broadcast/index.tsx

@@ -45,14 +45,14 @@ export default defineComponent({
     RuntimeUtils.loopSyncLike();
     event.on(LIVE_EVENT_MESSAGE["RC:Chatroom:Like"], this.onLikeMessage);
     window.onbeforeunload = this.beforeunload;
-    window.addEventListener('offline', () => {
+    window.addEventListener('offline', async () => {
       if (!navigator.onLine) {
-        runtime.videoStatus = 'stream';
-        ElMessageBox.alert('请检查网络设置，并请在网络连接成功后点击确定刷新页面', '网络断开', {
-          callback: () => {
-            location.reload();
-          }
-        });
+        try {
+          await ElMessageBox.confirm('请检查网络设置，请检查网络', '网络断开', {
+            confirmButtonText: '刷新'
+          });
+          location.reload();
+        } catch (error) {}
       }
     })
     // window.addEventListener('focus', this.visibilitychange)
@@ -166,7 +166,15 @@ export default defineComponent({
               console.log(name, content);
             },
             onKickOff(byServer: boolean) {
-              console.log(byServer);
+              if (!byServer) {
+                ElMessageBox.alert('您的推流停止，请点击确定刷新页面重新开启直播', '提示', {
+                  callback: () => {
+                    runtime.videoStatus = 'stream';
+                    location.reload();
+                  }
+                })
+              }
+              console.log('onKickOff', byServer);
             },
             async onTrackPublish(tracks: RTC.RCRemoteTrack[]) {
               const subscribeRes = await join?.room?.subscribe(tracks);