nativeScript-nativemediapicker
此插件用于访问存储中的文件以及捕获媒体,如照片、音频、视频等。
npm i --save nativescript-nativemediapicker

nativeScript-nativemediapicker

为 NativeScript 提供完整的媒体选择解决方案。您将能够选择任何类型的文件。支持捕获图像、视频和音频。

注意:对于 iOS,此插件处于开发中,它包含用于 iOS 返回错误的模拟方法 :)

功能

  • 图像、视频、音频和自定义文件选择器。
  • 从 APP 直接捕获图像、视频和音频。
  • 支持自定义文件,如 pdf、文本等。
  • 单选或多选。
  • 更多...

限制

  • 目前,仅支持 Android。

安装

tns plugin add nativescript-nativemediapicker

需要 Android 权限

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_USER_DICTIONARY"/>
<uses-permission android:name="android.permission.CAMERA"/>
<uses-feature android:name="android.hardware.camera" android:required="true" />

添加 FileProvider 以支持(>=Android N)(在 "app\App_Resources\Android\src\main\res\xml" 中创建 file_paths.xml 并复制粘贴以下代码)

<?xml version="1.0" encoding="utf-8"?>
<paths>
<files-path path="demo/" name="myfiles" />
<external-path name="mediafiles" path="." />
</paths>

将 FileProvider 标签添加到 AndroidManifest.xml 中的应用程序标签

<provider android:name="android.support.v4.content.FileProvider" android:authorities="{applicationId}.provider" android:grantUriPermissions="true" android:exported="false">
<meta-data android:name="android.support.FILE_PROVIDER_PATHS"android:resource="@xml/file_paths" />
</provider>

用法(请查看示例项目以获取详细信息)

导入

JavaScript

var nativemediapicker = require("nativescript-nativemediapicker");

TS

import { Nativemediapicker } from 'nativescript-nativemediapicker';

文件选择器

// replace first parameter with your mime type
Nativemediapicker.pickFiles("image/*",
function(res){
console.log(res);
},
function(err){
console.log(err);
});

捕获图像

// registerFileProvider is needed to capture image
Nativemediapicker.registerFileProvider(
application.android.currentContext.getPackageName() +
".provider"
);
Nativemediapicker.takePicture(
function(res){
console.log(res);
},
function(err){
console.log(err);
});

捕获视频

Nativemediapicker.recordVideo(
function(res){
console.log(res);
},
function(err){
console.log(err);
});

捕获音频

Nativemediapicker.recordAudio(
function(res){
console.log(res);
},
function(err){
console.log(err);
});

屏幕截图

Android

Android Android Android

许可证

Apache 许可证版本 2.0,2004 年 1 月