react-native-record-screen

A screen record module for React Native.

• Support iOS >= 11.0 (Simulator is not work)

• Support Android

  • minSdkVersion = 26
  • compileSdkVersion = 29
  • targetSdkVersion = 29
  • use HBRecorder

Installation

iOS

npm install react-native-record-screen

add info.pilot

<key>NSCameraUsageDescription</key>
<string>Please allow use of camera</string>
<key>NSMicrophoneUsageDescription</key>
<string>Please allow use of microphone</string>

pod install

npx pod-install

Android

AndroidManifest.xml

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

Usage

Recording full screen

import RecordScreen from 'react-native-record-screen';

// recording start
RecordScreen.startRecording().catch((error) => console.error(error));

// recording stop
const res = await RecordScreen.stopRecording().catch((error) =>
  console.warn(error)
);
if (res) {
  const url = res.result.outputURL;
}

Setting microphone

default true.

// mic off
RecordScreen.startRecording({ mic: false }).catch((error) =>
  console.error(error)
);

// recording stop
const res = await RecordScreen.stopRecording().catch((error) =>
  console.warn(error)
);
if (res) {
  const url = res.result.outputURL;
}

Clean Sandbox

RecordScreen.clean();

About video cropping

The video cropping feature has been removed. Video crops will be created as another library.

License

MIT