Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(camera): video recording #331

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat(camera): video recording #331

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion apps/demo/src/plugin-demos/camera.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo">
<ScrollView>
<GridLayout rows="auto, *, auto, auto">
<GridLayout rows="auto, *, auto, auto, auto">
<StackLayout row="0" orientation="vertical" padding="5">
<StackLayout orientation="horizontal" row="0" padding="5">
<Label text="saveToGallery" />
Expand All @@ -24,6 +24,7 @@
<Image row="1" src="{{ cameraImage }}" id="image" stretch="aspectFit" margin="10"/>
<TextView row="2" text="{{ labelText }}" editable="false"></TextView>>
<Button row="3" text="Take Picture" tap="{{ onTakePictureTap }}" padding="10"/>
<Button row="4" text="Record Video" tap="{{ onRecordVideoTap }}" padding="10"/>
</GridLayout>
</ScrollView>
</Page>
149 changes: 146 additions & 3 deletions packages/camera/index.android.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import { Utils, Application, Device, Trace, ImageAsset } from '@nativescript/core';
import { Utils, Application, Device, Trace, ImageAsset, AndroidActivityResultEventData, AndroidApplication } from '@nativescript/core';

import * as permissions from 'nativescript-permissions';
import { CameraOptions } from '.';
import { CameraOptions, CameraRecordOptions } from '.';

let REQUEST_IMAGE_CAPTURE = 3453;
declare let global: any;
Expand Down Expand Up @@ -69,7 +70,7 @@ export let takePicture = function (options?: CameraOptions): Promise<any> {
const sdkVersionInt = parseInt(Device.sdkVersion, 10);
let tempPictureUri;
if (sdkVersionInt >= 21) {
tempPictureUri = FileProviderPackageName.FileProvider.getUriForFile(Application.android.context, Application.android.nativeApp.getPackageName() + '.provider', nativeFile);
tempPictureUri = FileProviderPackageName.FileProvider.getUriForFile(Utils.android.getApplicationContext(), Application.android.nativeApp.getPackageName() + '.provider', nativeFile);
} else {
tempPictureUri = android.net.Uri.fromFile(nativeFile);
}
Expand Down Expand Up @@ -164,6 +165,144 @@ export let takePicture = function (options?: CameraOptions): Promise<any> {
});
};

const RESULT_CANCELED = 0;
const RESULT_OK = -1;
const REQUEST_VIDEO_CAPTURE = 999;

export let recordVideo = function (options: CameraRecordOptions): Promise<{ file: string }> {
return new Promise(async (resolve, reject) => {
try {
const pkgName = Utils.ad.getApplication().getPackageName();
const state = android.os.Environment.getExternalStorageState();
if (state !== android.os.Environment.MEDIA_MOUNTED) {
return reject(new Error('Storage not mounted'));
}
const sdkVersionInt = parseInt(Device.sdkVersion, 10);

const intent = new android.content.Intent(android.provider.MediaStore.ACTION_VIDEO_CAPTURE);

intent.putExtra('android.intent.extra.videoQuality', options?.hd ? 1 : 0);

if (sdkVersionInt >= 21) {
intent.putExtra('android.intent.extras.CAMERA_FACING', options?.cameraFacing === 'front' ? android.hardware.Camera.CameraInfo.CAMERA_FACING_FRONT : android.hardware.Camera.CameraInfo.CAMERA_FACING_BACK);
intent.putExtra('android.intent.extra.USE_FRONT_CAMERA', options?.cameraFacing === 'front');
intent.putExtra('android.intent.extras.LENS_FACING_FRONT', options?.cameraFacing === 'front' ? 1 : 0);
} else {
intent.putExtra('android.intent.extras.CAMERA_FACING', options?.cameraFacing === 'front' ? android.hardware.Camera.CameraInfo.CAMERA_FACING_FRONT : android.hardware.Camera.CameraInfo.CAMERA_FACING_BACK);
}

if (typeof options?.size === 'number' && options?.size > 0) {
intent.putExtra(android.provider.MediaStore.EXTRA_SIZE_LIMIT, options.size * 1024 * 1024);
}

let saveToGallery = options?.saveToGallery ?? false;

const dateStamp = createDateTimeStamp();

const fileName = `NSVID_${dateStamp}.mp4`;
let videoPath: string;
let nativeFile: java.io.File;
let tempPictureUri;

if (saveToGallery) {
await permissions.requestPermission(android.Manifest.permission.WRITE_EXTERNAL_STORAGE);
}
if (!permissions.hasPermission(android.Manifest.permission.WRITE_EXTERNAL_STORAGE)) {
saveToGallery = false;
}
const createTmpFile = () => {
videoPath = Utils.android.getApplicationContext().getExternalFilesDir(null).getAbsolutePath() + '/' + fileName;
nativeFile = new java.io.File(videoPath);
};
if (saveToGallery) {
const externalDir = Utils.android.getApplicationContext().getExternalFilesDir(android.os.Environment.DIRECTORY_DCIM);
if (externalDir == null) {
createTmpFile();
} else {
if (!externalDir.exists()) {
externalDir.mkdirs();
}
const cameraDir = new java.io.File(externalDir, 'Camera');

if (!cameraDir.exists()) {
cameraDir.mkdirs();
}

nativeFile = new java.io.File(cameraDir, fileName);
videoPath = nativeFile.getAbsolutePath();
}
} else {
createTmpFile();
}

if (sdkVersionInt >= 21) {
tempPictureUri = androidx.core.content.FileProvider.getUriForFile(Utils.android.getApplicationContext(), `${pkgName}.provider`, nativeFile);
} else {
tempPictureUri = android.net.Uri.fromFile(nativeFile);
}

intent.putExtra(android.provider.MediaStore.EXTRA_OUTPUT, tempPictureUri);

intent.setFlags(android.content.Intent.FLAG_GRANT_READ_URI_PERMISSION | android.content.Intent.FLAG_GRANT_WRITE_URI_PERMISSION);

if (typeof options?.duration === 'number' && options?.duration > 0) {
intent.putExtra(android.provider.MediaStore.EXTRA_DURATION_LIMIT, options.duration);
}

const callBack = (args: AndroidActivityResultEventData) => {
if (args.requestCode === REQUEST_VIDEO_CAPTURE && args.resultCode === RESULT_OK) {
if (saveToGallery) {
try {
const currentTimeMillis = java.lang.Integer.valueOf(java.lang.System.currentTimeMillis());
const values = new android.content.ContentValues();

values.put(android.provider.MediaStore.MediaColumns.DISPLAY_NAME, fileName);
values.put(android.provider.MediaStore.MediaColumns.DATE_ADDED, currentTimeMillis);
values.put(android.provider.MediaStore.MediaColumns.DATE_MODIFIED, currentTimeMillis);
values.put(android.provider.MediaStore.MediaColumns.MIME_TYPE, 'video/*');

if (sdkVersionInt >= 29) {
values.put(android.provider.MediaStore.MediaColumns.RELATIVE_PATH, android.os.Environment.DIRECTORY_DCIM);
values.put(android.provider.MediaStore.MediaColumns.IS_PENDING, java.lang.Integer.valueOf(1));
values.put(android.provider.MediaStore.MediaColumns.DATE_TAKEN, currentTimeMillis);
}

const uri = Utils.android.getApplicationContext().getContentResolver().insert(android.provider.MediaStore.Video.Media.EXTERNAL_CONTENT_URI, values);

const fos: java.io.FileOutputStream = Utils.android.getApplicationContext().getContentResolver().openOutputStream(uri);

const fis = new java.io.FileInputStream(nativeFile);

(org as any).nativescript.plugins.camera.Utils.copy(fis, fos);
if (sdkVersionInt >= 29) {
values.clear();
// @ts-ignore
values.put(android.provider.MediaStore.Video.Media.IS_PENDING, java.lang.Integer.valueOf(0));
Utils.android.getApplicationContext().getContentResolver().update(uri, values, null, null);
}
resolve({ file: videoPath });
} catch (e) {
reject(e);
}
} else {
resolve({ file: videoPath });
}
} else if (args.resultCode === RESULT_CANCELED) {
// User cancelled the image capture
reject(new Error('cancelled'));
}

Application.android.off(AndroidApplication.activityResultEvent, callBack);
};
Application.android.on(AndroidApplication.activityResultEvent, callBack);

Application.android.foregroundActivity.startActivityForResult(intent, REQUEST_VIDEO_CAPTURE);
} catch (e) {
reject(e);
}
});
};

export let isAvailable = function () {
return Utils.android.getApplicationContext().getPackageManager().hasSystemFeature(android.content.pm.PackageManager.FEATURE_CAMERA);
};
Expand All @@ -180,6 +319,10 @@ export let requestCameraPermissions = function () {
return permissions.requestPermissions([android.Manifest.permission.CAMERA]);
};

export let requestRecordPermissions = function () {
return permissions.requestPermissions([android.Manifest.permission.CAMERA, android.Manifest.permission.RECORD_AUDIO]);
};

let createDateTimeStamp = function () {
let result = '';
let date = new Date();
Expand Down
81 changes: 46 additions & 35 deletions packages/camera/index.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,53 +12,64 @@ export function takePicture(options?: CameraOptions): Promise<ImageAsset>;
export function requestPermissions(): Promise<any>;
export function requestCameraPermissions(): Promise<any>;
export function requestPhotosPermissions(): Promise<any>;
export function requestRecordPermissions(): Promise<any>;
export function recordVideo(options?: CameraRecordOptions): Promise<{ file: string }>;

/**
* Is the camera available to use
*/
export function isAvailable(): Boolean;

export interface CameraOptions {
/**
* Defines the desired width (in device independent pixels) of the taken image. It should be used with height property.
* If `keepAspectRatio` actual image width could be different in order to keep the aspect ratio of the original camera image.
* The actual image width will be greater than requested if the display density of the device is higher (than 1) (full HD+ resolutions).
*/
width?: number;
/**
* Defines the desired width (in device independent pixels) of the taken image. It should be used with height property.
* If `keepAspectRatio` actual image width could be different in order to keep the aspect ratio of the original camera image.
* The actual image width will be greater than requested if the display density of the device is higher (than 1) (full HD+ resolutions).
*/
width?: number;

/**
* Defines the desired height (in device independent pixels) of the taken image. It should be used with width property.
* If `keepAspectRatio` actual image width could be different in order to keep the aspect ratio of the original camera image.
* The actual image height will be greater than requested if the display density of the device is higher (than 1) (full HD+ resolutions).
*/
height?: number;
/**
* Defines the desired height (in device independent pixels) of the taken image. It should be used with width property.
* If `keepAspectRatio` actual image width could be different in order to keep the aspect ratio of the original camera image.
* The actual image height will be greater than requested if the display density of the device is higher (than 1) (full HD+ resolutions).
*/
height?: number;

/**
* Defines if camera picture aspect ratio should be kept during picture resizing.
* This property could affect width or height return values.
*/
keepAspectRatio?: boolean;
/**
* Defines if camera picture aspect ratio should be kept during picture resizing.
* This property could affect width or height return values.
*/
keepAspectRatio?: boolean;

/**
* Defines if camera picture should be copied to photo Gallery (Android) or Photos (iOS)
*/
saveToGallery?: boolean;
/**
* Defines if camera picture should be copied to photo Gallery (Android) or Photos (iOS)
*/
saveToGallery?: boolean;

/**
* iOS Only
* Defines if camera "Retake" or "Use Photo" screen forces user to crop camera picture to a square and optionally lets them zoom in.
*/
allowsEditing?: boolean;
/**
* iOS Only
* Defines if camera "Retake" or "Use Photo" screen forces user to crop camera picture to a square and optionally lets them zoom in.
*/
allowsEditing?: boolean;

/**
* The initial camera. Default "rear".
* The current implementation doesn't work on all Android devices, in which case it falls back to the default behavior.
*/
cameraFacing?: "front" | "rear";
/**
* The initial camera. Default "rear".
* The current implementation doesn't work on all Android devices, in which case it falls back to the default behavior.
*/
cameraFacing?: 'front' | 'rear';

/**
* (iOS Only) Specify a custom UIModalPresentationStyle (Defaults to UIModalPresentationStyle.FullScreen)
*/
modalPresentationStyle?: number;
}

/**
* (iOS Only) Specify a custom UIModalPresentationStyle (Defaults to UIModalPresentationStyle.FullScreen)
*/
modalPresentationStyle?: number;
export interface CameraRecordOptions {
size?: number;
hd?: boolean;
saveToGallery?: boolean;
duration?: number;
format?: 'default' | 'mp4';
cameraFacing?: 'front' | 'back';
allowsEditing?: boolean;
}
Loading