Skip to content

Latest commit

 

History

History
97 lines (75 loc) · 4.5 KB

README.md

File metadata and controls

97 lines (75 loc) · 4.5 KB
Raw

React Native UVC Camera

npm version npm downloads npm licence Platform

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" />

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