apps/werewolf/frontend/index.html

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <meta name="theme-color" content="#1a1a2e" />
    <link rel="icon" type="image/png" href="/favicon-48x48.png" />
    <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="狼人杀" />
    <title>狼人杀发牌器</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
music(player): 变速播放 + AB Loop - 变速：底部 1× 圆形按钮循环切 0.5/0.75/1/1.25/1.5；preservesPitch=true（浏览器 native 保音高）；localStorage 持久化全局 - AB Loop：A B 两按钮在当前位置打点，🔁 开关；进度条上绿色高亮 A↔B 区段；timeupdate 触发 ≥B 跳回 A；切歌自动清 A/B 2026-05-10 21:40:19 +01:00			`<!doctype html>`
			`<html lang="zh-CN">`
			`<head>`
			`<meta charset="UTF-8" />`
werewolf(pwa): 离线 PWA — 自定义 SW 预缓存 + 全屏进度条，牌图 21M→2.8M - vite-plugin-pwa(injectManifest)自定义 SW：install 逐个抓取并向页面广播进度， cache-first 服务，导航离线回退 index.html，缓存版本随清单哈希自动淘汰旧缓存 - 全屏 modal 进度条（src/pwa.ts），反映首屏预缓存真实下载进度 - 牌图 mozjpeg 压缩 + 限长边 900px，每张 ≤200K（21.2MB→2.8MB） - 生成 PWA 图标 + manifest + apple-touch meta，index.html 接入 - 新增脚本：npm run gen:icons / compress:images 2026-05-25 18:44:46 +01:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover" />`
music(player): 变速播放 + AB Loop - 变速：底部 1× 圆形按钮循环切 0.5/0.75/1/1.25/1.5；preservesPitch=true（浏览器 native 保音高）；localStorage 持久化全局 - AB Loop：A B 两按钮在当前位置打点，🔁 开关；进度条上绿色高亮 A↔B 区段；timeupdate 触发 ≥B 跳回 A；切歌自动清 A/B 2026-05-10 21:40:19 +01:00			`<meta name="theme-color" content="#1a1a2e" />`
werewolf(pwa): 离线 PWA — 自定义 SW 预缓存 + 全屏进度条，牌图 21M→2.8M - vite-plugin-pwa(injectManifest)自定义 SW：install 逐个抓取并向页面广播进度， cache-first 服务，导航离线回退 index.html，缓存版本随清单哈希自动淘汰旧缓存 - 全屏 modal 进度条（src/pwa.ts），反映首屏预缓存真实下载进度 - 牌图 mozjpeg 压缩 + 限长边 900px，每张 ≤200K（21.2MB→2.8MB） - 生成 PWA 图标 + manifest + apple-touch meta，index.html 接入 - 新增脚本：npm run gen:icons / compress:images 2026-05-25 18:44:46 +01:00			`<link rel="icon" type="image/png" href="/favicon-48x48.png" />`
			`<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />`
			`<meta name="apple-mobile-web-app-capable" content="yes" />`
			`<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />`
			`<meta name="apple-mobile-web-app-title" content="狼人杀" />`
music(player): 变速播放 + AB Loop - 变速：底部 1× 圆形按钮循环切 0.5/0.75/1/1.25/1.5；preservesPitch=true（浏览器 native 保音高）；localStorage 持久化全局 - AB Loop：A B 两按钮在当前位置打点，🔁 开关；进度条上绿色高亮 A↔B 区段；timeupdate 触发 ≥B 跳回 A；切歌自动清 A/B 2026-05-10 21:40:19 +01:00			`<title>狼人杀发牌器</title>`
			`</head>`
			`<body>`
			`<div id="app"></div>`
			`<script type="module" src="/src/main.ts"></script>`
			`</body>`
			`</html>`