From 8d664fcbeaf787f1e9788a061b0e992d7036e107 Mon Sep 17 00:00:00 2001 From: "DESKTOP-RQ919RC\\Pc" <1300399510@qq.com> Date: Wed, 10 Dec 2025 16:15:17 +0800 Subject: [PATCH] no message --- player.html | 577 +++++++++++++++++++++++++++++++++-- static/js/ffmpeg.min.js | 1 + static/js/html-to-image.js | 2 + static/js/html2canvas.min.js | 20 ++ 4 files changed, 570 insertions(+), 30 deletions(-) create mode 100644 static/js/ffmpeg.min.js create mode 100644 static/js/html-to-image.js create mode 100644 static/js/html2canvas.min.js diff --git a/player.html b/player.html index 1a91907..6d6bc86 100644 --- a/player.html +++ b/player.html @@ -29,9 +29,10 @@ body { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Roboto, sans-serif; - background: #1a82ea; + /* background: #1a82ea; */ color: var(--text-main); - height: 100vh; + height: 100dvh; + min-height: 100vh; overflow: hidden; display: flex; flex-direction: column; @@ -46,6 +47,8 @@ height: 100%; z-index: 1; overflow: hidden; + background: #1a82ea; + } .bg-image { @@ -435,10 +438,18 @@ scroll-behavior: smooth; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%); + scrollbar-width: thin; + scrollbar-color: rgba(255, 255, 255, 0.1) transparent; } .lyrics-scroll::-webkit-scrollbar { - display: none; + width: 4px; + background: transparent; + } + + .lyrics-scroll::-webkit-scrollbar-thumb { + background: rgba(255, 255, 255, 0.1); + border-radius: 4px; } .lyric-line { @@ -497,6 +508,8 @@ order: 3; width: 100%; padding: 20px 25px 40px; + padding-bottom: calc(40px + env(safe-area-inset-bottom)); + padding-bottom: calc(40px + constant(safe-area-inset-bottom)); background: var(--glass-bg); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); @@ -714,8 +727,25 @@ opacity: 0.3; } } + + @keyframes recBlink { + 0% { + opacity: 1; + } + + 50% { + opacity: 0.3; + } + + 100% { + opacity: 1; + } + } + + +
@@ -725,14 +755,16 @@