cordova-plugin-video-recorder v0.0.35

cordova-plugin-video-recorder

Setup

• Install plugin in your ionic project

me@pc:~/app$ npm install --save cordova-plugin-video-recorder
me@pc:~/app$ ionic cordova plugin add cordova-plugin-video-recorder

• Add to config.xml under ios platform:

<preference name="UseSwiftLanguageVersion" value="5" />
<config-file parent="NSCameraUsageDescription" platform="ios" target="*-Info.plist">
  <string>The app needs permission for video recording</string>
</config-file>
<config-file parent="NSMicrophoneUsageDescription" platform="ios" target="*-Info.plist">
  <string>The app needs permission for audio recording</string>
</config-file>

• Add to config.xml under android platform:

  <config-file parent="/manifest" target="AndroidManifest.xml" xmlns:android="http://schemas.android.com/apk/res/android">
   <uses-feature android:name="android.hardware.camera" android:required="true" />
   <uses-feature android:name="android.hardware.camera.autofocus" />
   <uses-permission android:name="android.permission.CAMERA" />
   <uses-permission android:name="android.permission.RECORD_AUDIO" />
   <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
  </config-file>

Usage

if (window.hasOwnProperty('cordova')) {
  let options = {
    mask: 'bar', // 'bar' (default), 'eyes', 'none'
    camera: 'front', // 'front' (default), 'rear'
    opacity: 0.5, // 0.7 default
    btnHeight: 50, // 50 default
    btnWidth: 70, // 70 default
    btnRightMargin: 20, // 20 default
    btnBottomMargin: 10, // 10 default
  };

  window['VideoRecorder'].show(
    options,
    (event: any) => {
      console.log(event);
      // start -> starteed recording; does NOT end subscription
      // cancel -> cancelled recording; ends subscription
      // <file_path> -> video location; ends subscription
    },
    (err: any) => {
      console.log(err);
    }
  );
}