前端当网页不可见时，延迟加载房间

frontend/src/views/Room.vue

@@ -77,26 +77,42 @@ export default {
     }
   },
   mounted() {
-    this.initConfig()
+    if (document.visibilityState === 'visible') {
-    this.initChatClient()
+      this.init()
-    this.initTextEmoticons()
+    } else {
-    if (this.config.giftUsernamePronunciation !== '') {
+      // 当前窗口不可见，延迟到可见时加载，防止OBS中一次并发太多请求（OBS中浏览器不可见时也会加载网页，除非显式设置）
-      this.pronunciationConverter = new pronunciation.PronunciationConverter()
+      document.addEventListener('visibilitychange', this.onVisibilityChange)
-      this.pronunciationConverter.loadDict(this.config.giftUsernamePronunciation)
     }
-
-    // 提示用户已加载
-    this.$message({
-      message: 'Loaded',
-      duration: 500
-    })
   },
   beforeDestroy() {
+    document.removeEventListener('visibilitychange', this.onVisibilityChange)
     if (this.chatClient) {
       this.chatClient.stop()
     }
   },
   methods: {
+    onVisibilityChange() {
+      if (document.visibilityState !== 'visible') {
+        return
+      }
+      document.removeEventListener('visibilitychange', this.onVisibilityChange)
+      this.init()
+    },
+    init() {
+      this.initConfig()
+      this.initChatClient()
+      this.initTextEmoticons()
+      if (this.config.giftUsernamePronunciation !== '') {
+        this.pronunciationConverter = new pronunciation.PronunciationConverter()
+        this.pronunciationConverter.loadDict(this.config.giftUsernamePronunciation)
+      }
+
+      // 提示用户已加载
+      this.$message({
+        message: 'Loaded',
+        duration: 500
+      })
+    },
     initConfig() {
       let locale = this.strConfig.lang
       if (locale) {