Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | 1x 1x 5x 5x 5x 5x 5x 5x 5x 5x | import {useCallback, useEffect, useRef} from 'react'
const ONE_SECOND = 1000
const useTimeLimitCheck = ({playerRef, timeLimit, timeOffset}) => {
const checkTimeLimitInterval = useRef(null)
const stopTimeLimitInterval = useCallback(() => {
Eif (checkTimeLimitInterval.current === null) return
clearInterval(checkTimeLimitInterval.current)
checkTimeLimitInterval.current = null
}, [checkTimeLimitInterval])
const startTimeLimitInterval = useCallback(() => {
stopTimeLimitInterval()
if (timeLimit === undefined) return
checkTimeLimitInterval.current = setInterval(() => {
const currentTime = playerRef.current?.currentTime
const isPlaying = !playerRef.current?.paused
const isTimeLimitReached = currentTime >= timeLimit && timeLimit !== undefined
if (isPlaying && isTimeLimitReached) {
playerRef.current?.pause()
playerRef.current.currentTime = timeOffset || 0
}
}, ONE_SECOND)
}, [checkTimeLimitInterval, playerRef, stopTimeLimitInterval, timeLimit, timeOffset])
useEffect(() => {
return () => {
stopTimeLimitInterval()
}
}, [stopTimeLimitInterval])
return {
startTimeLimitInterval,
stopTimeLimitInterval
}
}
export default useTimeLimitCheck
|