From 65e75f974d9838501f2f43b922c8c8945134d220 Mon Sep 17 00:00:00 2001 From: kuaifan Date: Mon, 2 Dec 2024 20:50:10 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=AE=A2=E6=88=B7?= =?UTF-8?q?=E7=AB=AF=E5=AA=92=E4=BD=93=E6=B5=8F=E8=A7=88=E5=99=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- electron/electron.js | 1 + electron/render/video/index.html | 624 +++++++++++++++--------------- electron/render/viewer/index.html | 51 +-- 3 files changed, 336 insertions(+), 340 deletions(-) diff --git a/electron/electron.js b/electron/electron.js index 16652f65d..89f3d65c0 100644 --- a/electron/electron.js +++ b/electron/electron.js @@ -479,6 +479,7 @@ function createMediaWindow(args, type = 'image') { height: args.height || 700, minWidth: 360, minHeight: 360, + autoHideMenuBar: true, webPreferences: { nodeIntegration: true, contextIsolation: false, diff --git a/electron/render/video/index.html b/electron/render/video/index.html index d68cbb2b8..5a1c0438f 100644 --- a/electron/render/video/index.html +++ b/electron/render/video/index.html @@ -3,7 +3,7 @@ Video - + -
- -
+
+ +
- - + + + // 更新网页标题 + document.title = args.title || titleTranslations[currentLang] || titleTranslations['en']; + + // 自动播放 + player.play().catch(e => { + console.log('Auto-play failed:', e); + }); + }); + + // 快捷键处理 + document.addEventListener('keydown', (e) => { + // ESC 键关闭窗口 + if (e.key === 'Escape' && player && !player.fullscreen.active) { + window.close(); + } + }); + diff --git a/electron/render/viewer/index.html b/electron/render/viewer/index.html index 541b682f7..7ddcbd13d 100644 --- a/electron/render/viewer/index.html +++ b/electron/render/viewer/index.html @@ -27,36 +27,29 @@ .viewer-close { display: none; } - - /* 加载动画 */ - .loading { - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 40px; - height: 40px; - border: 3px solid rgba(255, 255, 255, 0.3); - border-radius: 50%; - border-top-color: #fff; - animation: spin 1s ease-in-out infinite; - display: none; - } - - @keyframes spin { - to { transform: translate(-50%, -50%) rotate(360deg); } - }
-