diff options
author | Ivan Chen <ivan@tagg.id> | 2021-08-06 18:01:58 -0400 |
---|---|---|
committer | Ivan Chen <ivan@tagg.id> | 2021-08-06 18:01:58 -0400 |
commit | 2dfbf05b9f7bdd4237f771dd8cc5a9dcbc2a3b06 (patch) | |
tree | 53b8e3ce998d8bb3aacc1e42459c4355631df11f | |
parent | 3329ed720fb336d9e5f893158754f630c7c2509d (diff) |
Add slight delay before playing video
-rw-r--r-- | src/components/moments/TrimmerPlayer.tsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/moments/TrimmerPlayer.tsx b/src/components/moments/TrimmerPlayer.tsx index 8d1cd156..d884e6bd 100644 --- a/src/components/moments/TrimmerPlayer.tsx +++ b/src/components/moments/TrimmerPlayer.tsx @@ -25,7 +25,7 @@ const TrimmerPlayer: React.FC<TrimmerPlayerProps> = ({ const playerRef = useRef<Video>(); // Stores where the video is playing (seekTime) const [seekTime, setSeekTime] = useState<number>(0); - const [paused, setPaused] = useState<boolean>(false); + const [paused, setPaused] = useState<boolean>(true); // Stores where the tracker is const [trackerTime, setTrackerTime] = useState<number>(0); // Stores start/end of desired trimmed video @@ -33,6 +33,12 @@ const TrimmerPlayer: React.FC<TrimmerPlayerProps> = ({ const [start, setStart] = useState<number>(0); useEffect(() => { + setTimeout(() => { + setPaused(false); + }, 1000); + }, []); + + useEffect(() => { playerRef.current?.seek(seekTime); }, [seekTime]); useEffect(() => { |