修复页面不自动加载bug

web_page/monitor_dashboard.html

@@ -388,11 +388,11 @@
                 title: '监控点 2 - 走廊'
             },
             3: {
-                url: 'http://example.com/stream3.m3u8', // 请替换为实际的m3u8地址
+                url: '', // 请替换为实际的m3u8地址
                 title: '监控点 3 - 大厅'
             },
             4: {
-                url: 'http://example.com/stream4.m3u8', // 请替换为实际的m3u8地址
+                url: '', // 请替换为实际的m3u8地址
                 title: '监控点 4 - 出口'
             }
         };
@@ -641,6 +641,22 @@
             updateTime();
             setInterval(updateTime, 1000);
             
+            // todo 后期改为页面加载后，调用获取视频url接口，取得视频url后，再调用下面代码，延迟时间可以设为更短的时间例如300ms
+            // 页面加载3秒后，调用重新加载逻辑
+            setTimeout(() => {
+                console.log('页面加载3秒后，开始重新加载所有直播流');
+                for (let i = 1; i <= 4; i++) {
+                    const config = streamConfigs[i];
+                    // 检查URL是否为空，只有配置了有效URL才重新加载
+                    if (config && config.url) {
+                        console.log(`重新加载屏幕 ${i} 的直播流`);
+                        refreshStream(i);
+                    } else {
+                        console.log(`屏幕 ${i} 未配置有效URL，跳过重新加载`);
+                    }
+                }
+            }, 1500);
+            
             // 添加键盘快捷键
             document.addEventListener('keydown', function(e) {
                 // ESC键退出全屏