Ma/OrionTV
1
0
Fork 0
mirror of https://github.com/zimplexing/OrionTV.git synced 2026-05-13 02:57:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

Enhance video playback features by adding playTime and initialPosition handling, and update PlayerControls for better focus management

Browse Source
This commit is contained in:
zimplexing
2025-07-07 22:14:56 +08:00
parent 08e24dd748
commit bd22fa2996
8 changed files with 94 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
stores/playerStore.ts
View File

@@ -27,8 +27,9 @@ interface PlayerState {
isSeeking: boolean;
seekPosition: number;
progressPosition: number;
initialPosition: number;
setVideoRef: (ref: RefObject<Video>) => void;
loadVideo: (source: string, id: string, episodeIndex: number) => Promise<void>;
loadVideo: (source: string, id: string, episodeIndex: number, position?: number) => Promise<void>;
playEpisode: (index: number) => void;
togglePlayPause: () => void;
seek: (forward: boolean) => void;
@@ -53,11 +54,18 @@ const usePlayerStore = create<PlayerState>((set, get) => ({
isSeeking: false,
seekPosition: 0,
progressPosition: 0,
initialPosition: 0,
setVideoRef: (ref) => set({ videoRef: ref }),
loadVideo: async (source, id, episodeIndex) => {
set({ isLoading: true, detail: null, episodes: [], currentEpisodeIndex: 0 });
loadVideo: async (source, id, episodeIndex, position) => {
set({
isLoading: true,
detail: null,
episodes: [],
currentEpisodeIndex: 0,
initialPosition: position || 0,
});
try {
const videoDetail = await api.getVideoDetail(source, id);
const episodes = videoDetail.episodes.map((ep, index) => ({ url: ep, title: `第 ${index + 1} 集` }));
@@ -76,7 +84,7 @@ const usePlayerStore = create<PlayerState>((set, get) => ({
playEpisode: (index) => {
const { episodes, videoRef } = get();
if (index >= 0 && index < episodes.length) {
set({ currentEpisodeIndex: index, showNextEpisodeOverlay: false });
set({ currentEpisodeIndex: index, showNextEpisodeOverlay: false, initialPosition: 0 });
videoRef?.current?.replayAsync();
}
},
@@ -156,6 +164,7 @@ const usePlayerStore = create<PlayerState>((set, get) => ({
showControls: true,
showEpisodeModal: false,
showNextEpisodeOverlay: false,
initialPosition: 0,
});
},
}));