freedak/fj
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 配乐改用即梦生成音频文件，双曲目可选

Browse Source 
- 新增 bgm/ 目录：bell.m4a（晨钟）/ valley.m4a（空山），96k AAC
- 配乐开关升级为曲 select（关/晨钟/空山），移动端走底部面板
- Web Audio 合成引擎整体移除，改 <audio> 循环 + 手动淡入淡出
- 目标音量 0.25，压在人声之下；旧布尔偏好迁移为"晨钟"
- deploy.sh 同步 bgm/ 目录；run.md 同步说明

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
selfrelease
2026-10-05 12:19:52 +08:00
co-authored by Devin
parent 0b0da2d002
commit 42d5606ab5
8 changed files with 74 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+9 -8
View File
@@ -188,6 +188,7 @@ body {
#timer-select,
#rate-select,
#bgm-select,
#sutra-select {
appearance: none;
font-family: inherit;
@@ -203,7 +204,7 @@ body {
padding: 6px 26px 6px 10px;
cursor: pointer;
}
#timer-select:focus-visible, #rate-select:focus-visible, #sutra-select:focus-visible { outline: 3px solid var(--gold-soft); outline-offset: 1px; }
#timer-select:focus-visible, #rate-select:focus-visible, #bgm-select:focus-visible, #sutra-select:focus-visible { outline: 3px solid var(--gold-soft); outline-offset: 1px; }
#sutra-select { color: var(--ink); font-size: 0.9rem; }
/* ===== 字号 / 排版工具（并入控制栏） ===== */
@@ -484,11 +485,11 @@ body.night .jump-now { background: rgba(43, 36, 27, 0.92); }
.player-row > .field-pair .sheet-btn, .player-row > .field-pair select { flex: 1; min-width: 0; }
.tool-group[aria-label="字号"] { order: 5; flex: 1; justify-content: center; }
.tool-group[aria-label="排版"] { order: 6; display: none; } /* 手机端不提供竖排 */
/* 模式组：三个开关等宽一行，定时/语速两个下拉带小标签再占一行 */
/* 模式组：循环/夜间两个开关等宽一行，配乐/定时/语速三个带标签下拉再占一行 */
.tool-group[aria-label="模式"] { order: 7; flex: 1 1 100%; flex-wrap: wrap; }
.tool-group[aria-label="模式"] .layout-btn { flex: 1 1 28%; text-align: center; }
.tool-group[aria-label="模式"] .field-pair { flex: 1 1 46%; }
.tool-group[aria-label="模式"] select { flex: 1; min-width: 0; }
.tool-group[aria-label="模式"] .layout-btn { flex: 1 1 46%; text-align: center; }
.tool-group[aria-label="模式"] .field-pair { flex: 1 1 30%; }
.tool-group[aria-label="模式"] select, .tool-group[aria-label="模式"] .field-pair .sheet-btn { flex: 1; min-width: 0; }
.tool-group[aria-label="模式"] .tool-name {
display: flex;
align-items: center;
@@ -568,9 +569,9 @@ body.night .jump-now { background: rgba(43, 36, 27, 0.92); }
.pager { gap: 12px; }
.page-info { min-width: 0; font-size: 0.8rem; }
.site-footer { padding: 8px 14px; font-size: 0.7rem; }
#timer-select, #rate-select { min-height: 30px; padding-top: 4px; padding-bottom: 4px; font-size: 0.78rem; }
#timer-select, #rate-select, #bgm-select { min-height: 30px; padding-top: 4px; padding-bottom: 4px; font-size: 0.78rem; }
/* 原生下拉隐藏，改由底部升起面板选择 */
#voice-select, #timer-select, #rate-select, #sutra-select { display: none; }
#voice-select, #timer-select, #rate-select, #bgm-select, #sutra-select { display: none; }
.sheet-btn {
display: flex;
align-items: center;
@@ -630,7 +631,7 @@ body.night .sutra-paper {
body.night .sutra-paper::before { border-color: rgba(185, 151, 95, 0.22); }
body.night .sutra-paper::after { border-color: rgba(185, 151, 95, 0.11); }
body.night #voice-select { background-color: rgba(43, 36, 27, 0.9); color: var(--ink); }
body.night #timer-select, body.night #rate-select, body.night #sutra-select { background-color: rgba(43, 36, 27, 0.6); }
body.night #timer-select, body.night #rate-select, body.night #bgm-select, body.night #sutra-select { background-color: rgba(43, 36, 27, 0.6); }
body.night .progress .dot { background: rgba(190, 158, 105, 0.2); }
body.night .seg:hover { background: rgba(185, 151, 95, 0.12); }
body.night .seg.playing { background: rgba(201, 106, 92, 0.16); color: #f0c9c2; }