Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-06-23 15:30:34 -04:00
Code Issues Packages Projects Releases Wiki Activity

Use duration from /info endpoint instead of player's duration

Browse Source
This commit is contained in:
Zoe Roux 2024-04-01 20:53:53 +02:00
parent 0c387fc19a
commit 1f16271354
No known key found for this signature in database
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
front/packages/ui/src/player/index.tsx
View File

@ -36,7 +36,7 @@ import { useRouter } from "solito/router";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { useYoshiki } from "yoshiki/native"; import { useYoshiki } from "yoshiki/native";
import { Back, Hover, LoadingIndicator } from "./components/hover"; import { Back, Hover, LoadingIndicator } from "./components/hover";
import { fullscreenAtom, Video } from "./state"; import { durationAtom, fullscreenAtom, Video } from "./state";
import { episodeDisplayNumber } from "../details/episode"; import { episodeDisplayNumber } from "../details/episode";
import { useVideoKeyboard } from "./keyboard"; import { useVideoKeyboard } from "./keyboard";
import { MediaSessionManager } from "./media-session"; import { MediaSessionManager } from "./media-session";
@ -104,6 +104,11 @@ export const Player = ({
}; };
}, [setFullscreen]); }, [setFullscreen]);
const setDuration = useSetAtom(durationAtom);
useEffect(() => {
setDuration(info?.durationSeconds);
}, [info, setDuration]);
if (error || infoError || playbackError) if (error || infoError || playbackError)
return ( return (
<> <>

4
front/packages/ui/src/player/state.tsx
View File

@ -119,7 +119,6 @@ export const Video = memo(function Video({
const setPrivateProgress = useSetAtom(privateProgressAtom); const setPrivateProgress = useSetAtom(privateProgressAtom);
const setPublicProgress = useSetAtom(publicProgressAtom); const setPublicProgress = useSetAtom(publicProgressAtom);
const setBuffered = useSetAtom(bufferedAtom); const setBuffered = useSetAtom(bufferedAtom);
const setDuration = useSetAtom(durationAtom);
useEffect(() => { useEffect(() => {
ref.current?.seek(publicProgress); ref.current?.seek(publicProgress);
}, [publicProgress]); }, [publicProgress]);
@ -217,9 +216,6 @@ export const Video = memo(function Video({
setPrivateProgress(progress.currentTime); setPrivateProgress(progress.currentTime);
setBuffered(progress.playableDuration); setBuffered(progress.playableDuration);
}} }}
onLoad={(info) => {
setDuration(info.duration);
}}
onPlaybackStateChanged={(state) => setPlay(state.isPlaying)} onPlaybackStateChanged={(state) => setPlay(state.isPlaying)}
fonts={fonts} fonts={fonts}
subtitles={subtitles} subtitles={subtitles}