From c18009f2d889951621078e2152bbd70009c2356e Mon Sep 17 00:00:00 2001 From: Andrei Dekterev Date: Sat, 10 Dec 2022 15:36:22 +0300 Subject: [PATCH] Revert "feat(in-132): videoplayer bugfix" This reverts commit 44e70269ba4e4c3ea8c912424bbb3a0e479f07f4. --- src/features/MatchPage/store/hooks/index.tsx | 4 ++-- src/features/StreamPlayer/hooks/index.tsx | 6 +----- .../StreamPlayer/hooks/useHlsPlayer.tsx | 18 ++---------------- 3 files changed, 5 insertions(+), 23 deletions(-) diff --git a/src/features/MatchPage/store/hooks/index.tsx b/src/features/MatchPage/store/hooks/index.tsx index 58a33ed2..8b472265 100644 --- a/src/features/MatchPage/store/hooks/index.tsx +++ b/src/features/MatchPage/store/hooks/index.tsx @@ -57,11 +57,11 @@ export const useMatchPage = () => { let getIntervalMatch: ReturnType if (matchProfile?.live && !matchProfile.youtube_link) { getIntervalMatch = setInterval( - () => getMatchInfo(sportType, matchId).then(setMatchProfile), 5000, + () => getMatchInfo(sportType, matchId).then(setMatchProfile), 1000 * 60 * 3, ) } return () => clearInterval(getIntervalMatch) - }) + }, [matchProfile, sportType, matchId]) const { events, diff --git a/src/features/StreamPlayer/hooks/index.tsx b/src/features/StreamPlayer/hooks/index.tsx index f552a7e3..c9d7460a 100644 --- a/src/features/StreamPlayer/hooks/index.tsx +++ b/src/features/StreamPlayer/hooks/index.tsx @@ -102,11 +102,7 @@ export const useVideoPlayer = ({ const { url } = chapters[0] ?? { url: '' } const numberOfChapters = size(chapters) - const { hls, videoRef } = useHlsPlayer({ - isLive, - resumeFrom, - src: url, - }) + const { hls, videoRef } = useHlsPlayer(url, resumeFrom) const [isLiveTime, setIsLiveTime] = useState(false) const [isPausedTime, setIsPausedTime] = useState(false) const [pausedProgress, setPausedProgress] = useState(0) diff --git a/src/features/StreamPlayer/hooks/useHlsPlayer.tsx b/src/features/StreamPlayer/hooks/useHlsPlayer.tsx index 2a04c637..34c995c4 100644 --- a/src/features/StreamPlayer/hooks/useHlsPlayer.tsx +++ b/src/features/StreamPlayer/hooks/useHlsPlayer.tsx @@ -9,17 +9,7 @@ import isNumber from 'lodash/isNumber' import { streamConfig } from '../config' -type useHlsPlayerType = { - isLive?: boolean, - resumeFrom?: number, - src: string, -} - -export const useHlsPlayer = ({ - isLive, - resumeFrom, - src, -}: useHlsPlayerType) => { +export const useHlsPlayer = (src: string, resumeFrom?: number) => { const hls = useMemo(() => { if (!Hls.isSupported()) return null @@ -29,11 +19,7 @@ export const useHlsPlayer = ({ } return new Hls(newStreamConfig) // eslint-disable-next-line react-hooks/exhaustive-deps - }, [ - resumeFrom, - src, - isLive, - ]) + }, [resumeFrom, src]) const videoRef = useRef(null)