aboutsummaryrefslogtreecommitdiff
path: root/src/components/moments/TrimmerPlayer.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/moments/TrimmerPlayer.tsx')
-rw-r--r--src/components/moments/TrimmerPlayer.tsx11
1 files changed, 10 insertions, 1 deletions
diff --git a/src/components/moments/TrimmerPlayer.tsx b/src/components/moments/TrimmerPlayer.tsx
index 8d1cd156..daec98cf 100644
--- a/src/components/moments/TrimmerPlayer.tsx
+++ b/src/components/moments/TrimmerPlayer.tsx
@@ -25,13 +25,22 @@ 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
const [end, setEnd] = useState<number>(60);
const [start, setStart] = useState<number>(0);
+ // Slight delay to play video since RNCamera can't record and play video here
+ // at the same time.
+ // see: https://github.com/react-native-camera/react-native-camera/issues/2592
+ useEffect(() => {
+ setTimeout(() => {
+ setPaused(false);
+ }, 1000);
+ }, []);
+
useEffect(() => {
playerRef.current?.seek(seekTime);
}, [seekTime]);