diff --git a/src/features/MultiSourcePlayer/hooks/index.tsx b/src/features/MultiSourcePlayer/hooks/index.tsx index fa4f1425..c16f91c3 100644 --- a/src/features/MultiSourcePlayer/hooks/index.tsx +++ b/src/features/MultiSourcePlayer/hooks/index.tsx @@ -9,7 +9,6 @@ import size from 'lodash/size' import { useFullscreen } from 'features/StreamPlayer/hooks/useFullscreen' import { useVolume } from 'features/VideoPlayer/hooks/useVolume' -import { useMatchPopupStore } from 'features/MatchPopup' import { useObjectState } from 'hooks' @@ -170,6 +169,10 @@ export const useMultiSourcePlayer = ({ playNextChapter() } + const onPause = () => { + setPlayerState({ playing: false }) + } + useEffect(() => { onPlayingChange(playing) }, [playing, onPlayingChange]) @@ -195,13 +198,9 @@ export const useMultiSourcePlayer = ({ playNextChapter, ]) - const { selectedPlaylist } = useMatchPopupStore() - useEffect(() => { - if (selectedPlaylist) { - startPlaying() - } - }, [selectedPlaylist, startPlaying]) + startPlaying() + }, [chapters, startPlaying]) return { activeChapterIndex, @@ -218,6 +217,7 @@ export const useMultiSourcePlayer = ({ onEnded, onError: handleError, onLoadedProgress, + onPause, onPlayedProgress, onPlayerClick, onProgressChange, diff --git a/src/features/MultiSourcePlayer/index.tsx b/src/features/MultiSourcePlayer/index.tsx index f21d2fbb..18011175 100644 --- a/src/features/MultiSourcePlayer/index.tsx +++ b/src/features/MultiSourcePlayer/index.tsx @@ -52,6 +52,7 @@ export const MultiSourcePlayer = (props: Props) => { onError, onFullscreenClick, onLoadedProgress, + onPause, onPlayedProgress, onPlayerClick, onProgressChange, @@ -104,6 +105,7 @@ export const MultiSourcePlayer = (props: Props) => { onLoadedProgress={firstPlayerActive ? onLoadedProgress : undefined} onPlayedProgress={firstPlayerActive ? onPlayedProgress : undefined} onEnded={onEnded} + onPause={firstPlayerActive ? onPause : undefined} onError={onError} onReady={onReady} /> @@ -119,6 +121,7 @@ export const MultiSourcePlayer = (props: Props) => { onLoadedProgress={!firstPlayerActive ? onLoadedProgress : undefined} onPlayedProgress={!firstPlayerActive ? onPlayedProgress : undefined} onEnded={onEnded} + onPause={!firstPlayerActive ? onPause : undefined} onError={onError} onReady={onReady} />