feat: 切换代理播放地址后及时反馈到调试按钮界面

Author: Taois

dashboard/src/components/players/ArtVideoPlayer.vue

@@ -196,13 +196,19 @@ const currentQuality = ref('默认')
 const availableQualities = ref([])
 const currentPlayingUrl = ref('')
 
+// 代理设置变化追踪器 - 用于强制 proxyVideoUrl 计算属性重新计算
+const proxySettingsVersion = ref(0)
+
 // 计算属性：是否显示调试按钮
 const showDebugButton = computed(() => {
   return !!props.videoUrl
 })
 
 // 计算属性：代理后的视频链接
 const proxyVideoUrl = computed(() => {
+  // 依赖 proxySettingsVersion 以响应代理设置变化
+  proxySettingsVersion.value
+  
   // 使用当前实际播放的URL，如果没有则使用props.videoUrl
   const actualUrl = currentPlayingUrl.value || props.videoUrl
   if (!actualUrl) return ''
@@ -1555,6 +1561,10 @@ const handleResize = () => {
 // 处理代理设置变化
 const handleAddressSettingsChange = () => {
   console.log('检测到代理设置变化，重新初始化播放器')
+  
+  // 更新代理设置版本号，强制 proxyVideoUrl 计算属性重新计算
+  proxySettingsVersion.value++
+  
   if (props.videoUrl && props.visible) {
     nextTick(() => {
       initArtPlayer(props.videoUrl)

dashboard/src/components/players/VideoPlayer.vue

@@ -208,6 +208,9 @@ const currentQuality = ref('默认')
 const availableQualities = ref([])
 const currentPlayingUrl = ref('')
 
+// 代理设置变化追踪器 - 用于强制 proxyVideoUrl 计算属性重新计算
+const proxySettingsVersion = ref(0)
+
 // 初始化画质数据
 const initQualityData = () => {
   if (props.qualities && props.qualities.length > 0) {
@@ -326,6 +329,9 @@ const showDebugButton = computed(() => {
 
 // 计算属性：代理后的视频链接
 const proxyVideoUrl = computed(() => {
+  // 依赖 proxySettingsVersion 来响应代理设置变化
+  proxySettingsVersion.value
+  
   // 使用当前实际播放的URL，如果没有则使用props.videoUrl
   const actualUrl = currentPlayingUrl.value || props.videoUrl
   if (!actualUrl) return ''
@@ -866,6 +872,10 @@ watch(() => props.initialQuality, (newQuality) => {
 // 处理代理设置变化
 const handleAddressSettingsChange = () => {
   console.log('检测到代理设置变化，重新初始化播放器')
+  
+  // 更新代理设置版本号，强制 proxyVideoUrl 计算属性重新计算
+  proxySettingsVersion.value++
+  
   if (props.videoUrl && props.visible) {
     nextTick(() => {
       initVideoPlayer(props.videoUrl)