优化图文页

app/aweme/[awemeId]/hooks/usePlayerState.ts

@@ -1,19 +1,28 @@
 import { useEffect, useState } from "react";
 import type { LoopMode, ObjectFit } from "../types.ts";
-import { getNumberFromStorage, getStringFromStorage, saveToStorage } from "../utils";
+import {
+  getNumberFromStorage,
+  getStringFromStorage,
+  saveToStorage,
+} from "../utils";
 
 export function usePlayerState() {
   const [isPlaying, setIsPlaying] = useState(true);
   const [isFullscreen, setIsFullscreen] = useState(false);
-  const [volume, setVolume] = useState(() => getNumberFromStorage("aweme_player_volume", 1));
-  const [rate, setRate] = useState(() => getNumberFromStorage("aweme_player_rate", 1));
+  const [volume, setVolume] = useState(() =>
+    getNumberFromStorage("aweme_player_volume", 1),
+  );
+  const [rate, setRate] = useState(() =>
+    getNumberFromStorage("aweme_player_rate", 1),
+  );
   const [progress, setProgress] = useState(0);
   const [rotation, setRotation] = useState(0);
   const [progressRestored, setProgressRestored] = useState(false);
   const [objectFit, setObjectFit] = useState<ObjectFit>("contain");
   const [loopMode, setLoopMode] = useState<LoopMode>(() => {
     const saved = getStringFromStorage("aweme_player_loop_mode", "loop");
-    return saved === "sequential" ? "sequential" : "loop";
+    if (saved === "single" || saved === "sequential") return saved;
+    return "loop";
   });
 
   // 持久化音量