cordova-plugin-video-recorder
v0.0.35
Published
Recorder
Downloads
41
Maintainers
Readme
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);
}
);
}