feat： 关闭弹幕

Author: Taois

dashboard/src/components/players/ArtVideoPlayer.vue

@@ -206,7 +206,7 @@ const currentPlayingUrl = ref('')
 const proxySettingsVersion = ref(0)
 
 // 弹幕相关状态
-const danmakuEnabled = ref(JSON.parse(localStorage.getItem('danmakuEnabled') || 'true'))
+const danmakuEnabled = ref(JSON.parse(localStorage.getItem('danmakuEnabled') || 'false'))
 const danmakuData = ref([])
 const danmakuLoading = ref(false)
 const currentDanmakuUrl = ref('') // 当前弹幕iframe的URL
@@ -952,7 +952,7 @@ const initArtPlayer = async (url) => {
         }
       ],
       // 插件配置
-      plugins: [
+      plugins: danmakuEnabled.value ? [
         artplayerPluginDanmuku({
           // 使用函数返回以支持后续异步替换
           danmuku: () => danmakuData.value,
@@ -964,7 +964,7 @@ const initArtPlayer = async (url) => {
           filter: (danmu) => (danmu?.text || '').trim().length > 0 && (danmu?.text || '').length <= 80,
           visible: danmakuEnabled.value,
         })
-      ]
+      ] : []
     })
 
     // 事件监听
@@ -1095,19 +1095,19 @@ const initArtPlayer = async (url) => {
     })
 
     // 监听弹幕插件的显示/隐藏事件，实现与 danmakuEnabled 的双向同步
-    art.on('artplayerPluginDanmuku:hide', () => {
-      console.log('弹幕已隐藏，更新 danmakuEnabled 状态')
-      danmakuEnabled.value = false
-      // 持久化到 localStorage
-      localStorage.setItem('danmakuEnabled', 'false')
-    })
+    if (danmakuEnabled.value) {
+      art.on('artplayerPluginDanmuku:hide', () => {
+        console.log('弹幕已隐藏，更新 danmakuEnabled 状态')
+        danmakuEnabled.value = false
+        localStorage.setItem('danmakuEnabled', 'false')
+      })
 
-    art.on('artplayerPluginDanmuku:show', () => {
-      console.log('弹幕已显示，更新 danmakuEnabled 状态')
-      danmakuEnabled.value = true
-      // 持久化到 localStorage
-      localStorage.setItem('danmakuEnabled', 'true')
-    })
+      art.on('artplayerPluginDanmuku:show', () => {
+        console.log('弹幕已显示，更新 danmakuEnabled 状态')
+        danmakuEnabled.value = true
+        localStorage.setItem('danmakuEnabled', 'true')
+      })
+    }
 
     art.on('destroy', () => {
       console.log('ArtPlayer 已销毁')

dashboard/src/config/defaults.js

@@ -101,4 +101,8 @@ export const initDefaultLocalStorage = () => {
   if (!localStorage.getItem('loopEnabled')) {
     localStorage.setItem('loopEnabled', JSON.stringify(getEnvBoolean('VITE_DEFAULT_LOOP_ENABLED', false)))
   }
+
+  if (!localStorage.getItem('danmakuEnabled')) {
+    localStorage.setItem('danmakuEnabled', JSON.stringify(getEnvBoolean('VITE_DEFAULT_DANMAKU_ENABLED', false)))
+  }
 }

dashboard/src/views/Settings.vue

@@ -597,6 +597,19 @@
             </div>
           </div>
 
+          <div class="setting-item" @click="handleSettingClick('danmaku')">
+            <div class="setting-info">
+              <icon-live-broadcast class="setting-icon"/>
+              <div class="setting-text">
+                <div class="setting-title">弹幕组件</div>
+                <div class="setting-desc">启用播放器弹幕功能</div>
+              </div>
+            </div>
+            <div class="setting-value">
+              <a-switch v-model="danmakuEnabled"/>
+            </div>
+          </div>
+
           <div class="setting-item" @click="handleSettingClick('ad-filter')">
             <div class="setting-info">
               <icon-safe class="setting-icon"/>
@@ -1051,6 +1064,9 @@ const playerTypes = [
 // 设置项状态
 const settings = reactive(getDefaultAppSettings())
 
+// 弹幕组件开关（独立 localStorage key）
+const danmakuEnabled = ref(JSON.parse(localStorage.getItem('danmakuEnabled') || 'false'))
+
 // 开发者调试设置
 const debugSettings = reactive({
   enabled: false, // 是否启用调试功能
@@ -1521,6 +1537,8 @@ const handleSettingClick = (settingKey) => {
     case 'player-type':
       playerSelectVisible.value = true
       break
+    case 'danmaku':
+      break
     case 'window-preview':
       Message.info('窗口预览设置')
       break
@@ -1656,6 +1674,11 @@ watch(() => settings.themeMode, (mode) => {
 // 监听设置项变化并自动保存
 watch(settings, saveSettings, {deep: true})
 
+// 监听弹幕开关变化
+watch(danmakuEnabled, (val) => {
+  localStorage.setItem('danmakuEnabled', JSON.stringify(val))
+})
+
 // 保存开发者调试设置
 const saveDebugSettings = () => {
   try {