reime005 / react-native-camera-hooks Goto Github PK

//other imports blablabla
import { RNCamera } from "react-native-camera";
import { useCamera } from "react-native-camera-hooks";

function InternalRecordingOverlay({
  isVisible,
  setVisible,
  project,
  userObject,
  clipFunctions,
}) {
  const [UIrecording, setUIRecording] = useState(false);
  const [locked, setLocked] = useState(false);
  const [phantomMode, setPhantomMode] = useState(false);
  const isFocused = useIsFocused();
  const currentTheme = useTheme();
  const colors = currentTheme.colors;
  const [videoQuality, setVideoQuality] = useState(
    RNCamera.Constants.VideoQuality["720p"]
  );
  const [orientation, setOrientation] = useState(
    RNCamera.Constants.Orientation.auto
  );

  const [
    {
      cameraRef,
      type,
      ratio,
      autoFocus,
      autoFocusPoint,
      isRecording,
      drawFocusRingPosition,
      whiteBalance,
      zoom,
      flash,
    },
    {
      toggleFacing,
      touchToFocus,
      toggleAutoFocus,
      takePicture,
      setWhiteBalance,
      recordVideo,
      setIsRecording,
      stopRecording,
      setAutoFocusPoint,
      setZoom,
      setFlash,
    },
  ] = useCamera({
    type: RNCamera.Constants.Type.back,
    zoom: 0,
    flash: RNCamera.Constants.FlashMode.off,
  });
//some functions were left out but they are outside the scope of the problem

const handlePressRecord = async () => {
    //ADD DOUBLETAP PROTECTION
    if (!UIrecording) {
      //Start recording
      setUIRecording(true);
        try {
          setIsRecording(true);
          const vidInfo = await recordVideo({
            quality: videoQuality,
            orientation: orientation,
          });
          recordStart = dayjs();
          currentVideo = {
            isPhantom: false,
            vidInfo: vidInfo,
            timeOfStart: recordStart,
          };
          console.log(JSON.stringify(currentVideo));
        } catch (error) {
          console.warn(error);
        } finally {
          setIsRecording(false);
        }
    } else {
      //Stop recording
      await stopRecording();
      setUIRecording(false);
      //Cliprecord Stop
      console.log("This never gets reached");
      let archiveCurrent = currentVideo;

        mediaLibUtils
          .saveFileInProjectAlbum(archiveCurrent.vidInfo.uri, project.name)
          .then(() => {
            FileSystem.deleteAsync(archiveCurrent.vidInfo.uri, {
              idempotent: true,
            });
          });
    }
  };

  if (!isFocused || !isVisible /* || hasPermission === null */) {
    return null;
  }

 return (
    <Overlay
      fullScreen={true}
      onDismiss={() => setVisible(false)}
      overlayStyle={styles.container}
      statusBarTranslucent
      isVisible={isVisible}
    >
      <>
        <RNCamera
          ref={cameraRef}
          style={[styles.camera, { height: (D.width * 16) / 9 }]}
          ratio="16:9"
          useNativeZoom={true}
          zoom={zoom}
          //trackingEnabled={true}
          autoFocus={autoFocus}
          autoFocusPointOfInterest={autoFocusPoint.normalized}
          onTap={(pos) => touchAndFocus(pos)}
          type={type}
          flashMode={flash}
          androidCameraPermissionOptions={{
            title: "Permission to use camera",
            message: "We need your permission to use your camera",
            buttonPositive: "Ok",
            buttonNegative: "Cancel",
          }}
          androidRecordAudioPermissionOptions={{
            title: "Permission to use audio recording",
            message: "We need your permission to use your audio",
            buttonPositive: "Ok",
            buttonNegative: "Cancel",
          }}
        >
          <View
            pointerEvents="none"
            style={{
              position: "absolute",
              top: autoFocusPoint.drawRectPosition.x - 40,
              right: autoFocusPoint.drawRectPosition.y - 40,
              height: 80,
              width: 80,
              backgroundColor: colors.transparent,
              borderWidth: 1,
              borderColor: colors.primary,
            }}
          />
<View style={styles.bottomContainer}>
            <TouchableOpacity
              onPress={handlePressRecord}
              disabled={locked}
              style={[
                styles.recButton,
                {
                  backgroundColor: colors.white,
                },
              ]}
            >
              {UIrecording ? (
                <View
                  style={{
                    backgroundColor: colors.dark,
                    width: 35,
                    height: 35,
                  }}
                />
              ) : (
                <View
                  style={{
                    backgroundColor: colors.brightred,
                    width: 30,
                    height: 30,
                    borderRadius: 15,
                  }}
                />
              )}
            </TouchableOpacity>
      </>
    </Overlay>
  );
} //This was vastly abridged

{"uri":"file:///data/user/0/com.appname.appname2/cache/Camera/a5c97a4e-e6b6-42f4-ac0a-21003df446ed.mp4","deviceOrientation":1,"videoOrientation":1,"isRecordingInterrupted":false}