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
parent 5674be1cfd
commit cdbf8308d1
81 changed files with 5899 additions and 0 deletions
@@ -0,0 +1,11 @@
+[package]
+name = "karaoke"
+version = "0.1.0"
+edition.workspace = true
+license.workspace = true
+authors.workspace = true
+description = "karaoke.famzheng.me — 卡拉OK 点歌单本地管理（一台手机），从 partiverse 移植"
+
+[dependencies]
+cube-core = { path = "../../crates/cube-core" }
+tokio = { workspace = true }
@@ -0,0 +1,6 @@
+# karaoke — karaoke.famzheng.me
+FROM scratch
+COPY target/x86_64-unknown-linux-musl/release/karaoke /karaoke
+COPY apps/karaoke/frontend/dist /dist
+EXPOSE 8080
+ENTRYPOINT ["/karaoke"]
@@ -0,0 +1,13 @@
+<!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" />
+    <meta name="theme-color" content="#1a1a2e" />
+    <title>Karaoke 点歌单</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
@@ -0,0 +1,22 @@
+{
+  "name": "karaoke",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "test": "vitest"
+  },
+  "dependencies": {
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.1",
+    "typescript": "~5.7.2",
+    "vite": "^6.0.5",
+    "vitest": "^2.1.8",
+    "vue-tsc": "^2.2.0"
+  }
+}
@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "types": ["vitest/globals"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.vue", "vite-env.d.ts"]
+}
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    target: 'es2020',
+  },
+  test: {
+    globals: true,
+    environment: 'node',
+  },
+})
@@ -0,0 +1,82 @@
+apiVersion: v1
+kind: Namespace
+metadata:
+  name: cube-karaoke
+---
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: karaoke
+  namespace: cube-karaoke
+  labels:
+    app: karaoke
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: karaoke
+  template:
+    metadata:
+      labels:
+        app: karaoke
+    spec:
+      imagePullSecrets:
+        - name: registry-creds
+      containers:
+        - name: karaoke
+          image: registry.famzheng.me/mochi/karaoke:latest
+          imagePullPolicy: IfNotPresent
+          ports:
+            - containerPort: 8080
+              name: http
+          readinessProbe:
+            httpGet:
+              path: /healthz
+              port: http
+            initialDelaySeconds: 1
+            periodSeconds: 5
+          livenessProbe:
+            httpGet:
+              path: /healthz
+              port: http
+            initialDelaySeconds: 5
+            periodSeconds: 15
+          resources:
+            requests:
+              cpu: 10m
+              memory: 16Mi
+            limits:
+              cpu: 200m
+              memory: 64Mi
+---
+apiVersion: v1
+kind: Service
+metadata:
+  name: karaoke
+  namespace: cube-karaoke
+spec:
+  selector:
+    app: karaoke
+  ports:
+    - name: http
+      port: 80
+      targetPort: 8080
+---
+apiVersion: networking.k8s.io/v1
+kind: Ingress
+metadata:
+  name: karaoke
+  namespace: cube-karaoke
+spec:
+  ingressClassName: traefik
+  rules:
+    - host: karaoke.famzheng.me
+      http:
+        paths:
+          - path: /
+            pathType: Prefix
+            backend:
+              service:
+                name: karaoke
+                port:
+                  number: 80
@@ -0,0 +1,9 @@
+//! karaoke.famzheng.me — 卡拉OK 点歌单本地管理。纯静态前端，无 API。
+
+#[tokio::main]
+async fn main() -> std::io::Result<()> {
+    cube_core::init_tracing();
+    let dist = std::env::var("KARAOKE_DIST_DIR").unwrap_or_else(|_| "/dist".into());
+    let app = cube_core::base(dist);
+    cube_core::serve(app, 8080).await
+}