refactor: split modules and harden scraping workflows

2026-10-05 13:06:36 +08:00 · 2026-06-24 11:59:18 +08:00
parent efca3cbe69
commit 192f35d9fa
470 changed files with 47957 additions and 33839 deletions
@@ -0,0 +1,48 @@
+import { ArrowLeft, RefreshCw, Sparkles } from 'lucide-react'
+
+import type { PlayerMode } from './playerPageModel'
+
+type PlayerTopBarProps = {
+  directOnly: boolean
+  mode: PlayerMode
+  onBack: () => void
+  onToggleMode: () => void
+}
+
+export function PlayerTopBar({ directOnly, mode, onBack, onToggleMode }: PlayerTopBarProps) {
+  return (
+    <div className="pointer-events-none absolute inset-x-0 top-0 z-20 flex items-center justify-between p-4 sm:p-6">
+      <button
+        onClick={onBack}
+        className="pointer-events-auto flex items-center gap-2 rounded-full border border-white/15 bg-black/70 px-4 py-2 text-sm font-medium text-white shadow-xl backdrop-blur transition hover:bg-black/85"
+      >
+        <ArrowLeft size={16} /> 返回
+      </button>
+
+      {directOnly ? (
+        <span
+          className="pointer-events-auto flex items-center gap-2 rounded-full border border-white/15 bg-black/70 px-4 py-2 text-sm font-medium text-white shadow-xl backdrop-blur"
+          title="宿主机不转码，由客户端本地解码直连"
+        >
+          <Sparkles size={14} /> 客户端直连解码
+        </span>
+      ) : (
+        <button
+          onClick={onToggleMode}
+          className="pointer-events-auto flex items-center gap-2 rounded-full border border-white/15 bg-black/70 px-4 py-2 text-sm font-medium text-white shadow-xl backdrop-blur transition hover:bg-black/85"
+          title="切换播放模式"
+        >
+          {mode === 'hls' ? (
+            <>
+              <RefreshCw size={14} /> HLS 转码中
+            </>
+          ) : (
+            <>
+              <Sparkles size={14} /> 直接播放
+            </>
+          )}
+        </button>
+      )}
+    </div>
+  )
+}