Merge pull request #548 from brian-tagg/tma033-video-button

[TMA-1033] Video Button

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]);