|
|
|
|
@ -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<HTMLVideoElement>(null) |
|
|
|
|
|
|
|
|
|
|