React Native UVC Camera

A React Native component to access to UVC web camera on non-rooted Android device, a combination of React Native Camera and UVCCamera .

For RN0.70.5, UvcCameraManager branch main is an example. Since react-native-camera is deprecated in favor of react-native-vision-camera, now react-native-uvc-camera@2 has merged all code in [email protected], so

npm uninstall react-native-camera
npm install react-native-uvc-camera

For RN0.51.0, UvcCameraManager branch master is an example.

npm install [email protected] [email protected]

and read README.md of [email protected].

Installation (Android)

• Add android/local.properties , android-ndk need just r14b in NDK Archives, e.g.

# must be absolute path, otherwise will got
# `Task ':libuvccamera:ndkBuild' is not up-to-date because: Task has not declared any outputs despite executing actions`
ndk.dir=D\:\\proj\\tools\\android-ndk-r14b

• In android/settings.gradle

include ':usbCameraCommon'
project(':usbCameraCommon').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-uvc-camera/usbCameraCommon')
include ':libuvccamera'
project(':libuvccamera').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-uvc-camera/libuvccamera')

• In android/app/src/main/AndroidManifest.xml

...
    <uses-permission android:name="android.permission.CAMERA" />

To enable video recording feature you have to add the following code:

    <uses-permission android:name="android.permission.RECORD_AUDIO"/>
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

• In android/build.gradle, or in android/settings.gradle if ref to fix Read timed out when compiling on Android

repositories {
    maven {
        url 'https://raw.githubusercontent.com/saki4510t/libcommon/master/repository'
        allowInsecureProtocol = true
    }
}

If Could not get resource 'https://raw.github.com/saki4510t/libcommon/master/repository/com/serenegiant/common/1.5.21/common-1.5.21.aar'. while compile, then you may need set proxy whicn can quickly access github.com in ~/.gradle/gradle.properties e.g.:

#systemProp.https.proxyHost=192.168.19.49
#systemProp.https.proxyPort=1001

Usage

Take a look into this RNCamera doc.

UvcCamera Properties additional to RNCamera:

rotation

Values: 0, 90, 180, or 270.

Most USB cameras have different rotation by default. It adjusts your camera rotation by your own.

Customization

As said in android/src/main/java/com/google/android/cameraview/CameraUvc.java :

    public void onStartPreview(){
        // some USB camera will not return onPictureTaken and onVideoRecorded by uncomment some of below, test them by your own
        // updateAutoFocus();
        // updateFlash();
        // updateFocusDepth();
        // updateWhiteBalance();
        // updateZoom();
    }

Donate

To support my work, please consider donate.

• ETH: 0xd02fa2738dcbba988904b5a9ef123f7a957dbb3e