@dsvishchov/nativescript-audio
NativeScript 插件,用于录音和播放音频。
npm i --save @dsvishchov/nativescript-audio

NativeScript 音频

NativeScript 插件,用于在 Android 和 iOS 上播放和录制音频文件。

Action Build npm npm


安装

NativeScript 7+

ns plugin add nativescript-audio

低于 7 版本的 NativeScript

tns plugin add [email protected]


Android 原生类

iOS 原生类

权限

iOS

如果您使用录音功能,需要在 iOS 上授予权限以允许设备访问麦克风。如果不这样做,您的应用可能在设备上崩溃,并且在苹果的审查流程中可能被拒绝。为此,请将此密钥添加到您的 app/App_Resources/iOS/Info.plist 文件中

<key>NSMicrophoneUsageDescription</key>
<string>Recording Practice Sessions</string>

Android

如果您打算在 Android 上使用录音功能,您需要将 RECORD_AUDIO 权限添加到位于 App_Resources 的 AndroidManifest.xml 文件中。

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

使用方法

TypeScript 示例

import { TNSPlayer } from 'nativescript-audio';

export class YourClass {
private _player: TNSPlayer;

constructor() {
this._player = new TNSPlayer();
// You can pass a duration hint to control the behavior of other application that may
// be holding audio focus.
// For example: new TNSPlayer(AudioFocusDurationHint.AUDIOFOCUS_GAIN_TRANSIENT);
// Then when you play a song, the previous owner of the
// audio focus will stop. When your song stops
// the previous holder will resume.
this._player.debug = true; // set true to enable TNSPlayer console logs for debugging.
this._player
.initFromFile({
audioFile: '~/audio/song.mp3', // ~ = app directory
loop: false,
completeCallback: this._trackComplete.bind(this),
errorCallback: this._trackError.bind(this)
})
.then(() => {
this._player.getAudioTrackDuration().then(duration => {
// iOS: duration is in seconds
// Android: duration is in milliseconds
console.log(`song duration:`, duration);
});
});
}

public togglePlay() {
if (this._player.isAudioPlaying())
{
this._player.pause();
} else {
this._player.play();
}
}

private _trackComplete(args: any) {
console.log('reference back to player:', args.player);
// iOS only: flag indicating if completed succesfully
console.log('whether song play completed successfully:', args.flag);
}

private _trackError(args: any) {
console.log('reference back to player:', args.player);
console.log('the error:', args.error);
// Android only: extra detail on error
console.log('extra info on the error:', args.extra);
}
}

JavaScript 示例

const audio = require('nativescript-audio');

const player = new audio.TNSPlayer();
const playerOptions = {
audioFile: 'http://some/audio/file.mp3',
loop: false,
completeCallback: function () {
console.log('finished playing');
},
errorCallback: function (errorObject) {
console.log(JSON.stringify(errorObject));
},
infoCallback: function (args) {
console.log(JSON.stringify(args));
}
};

player
.playFromUrl(playerOptions)
.then(res => {
console.log(res);
})
.catch(err => {
console.log('something went wrong...', err);
});

API

录音机

TNSRecorder 方法

方法 描述
TNSRecorder.CAN_RECORD(): boolean - 静态方法 确定是否准备好录音。
start(options: AudioRecorderOptions): Promise<void> 开始将录音保存到文件。
stop(): Promise<void> 停止录音。
pause(): Promise<void> 暂停录音。
resume(): Promise<void> 恢复录音。
dispose(): Promise<void> 完成录音后释放系统资源。
getMeters(channel?: number): number 返回输入的振幅。
isRecording(): boolean - 仅限 iOS 如果录音机正在积极录音,则返回 true。
requestRecordPermission(): Promise<void> 仅限 Android 当用户授予权限时解决承诺。
hasRecordPermission(): boolean 仅限 Android 如果已经授予 RECORD_AUDIO 权限,则返回 true。

TNSRecorder 实例属性

属性 描述
ios 获取原生 AVAudioRecorder 类实例。
android 获取原生 MediaRecorder 类实例。
debug 设置为 true 以启用调试控制台日志(默认为 false)。

播放器

TNSPlayer 方法

方法 描述
initFromFile(options: AudioPlayerOptions): Promise 使用文件初始化播放器实例,但不自动播放。
playFromFile(options: AudioPlayerOptions): Promise 从文件自动播放。
initFromUrl(options: AudioPlayerOptions): Promise 从 URL 初始化播放器实例,但不自动播放。
playFromUrl(options: AudioPlayerOptions): Promise 从 URL 自动播放。
pause(): Promise<boolean> 暂停播放。
resume(): void 恢复播放。
seekTo(time:number): Promise<boolean> 定位到轨道的位置(以秒为单位)。
dispose(): Promise<boolean> 播放音频完成后释放资源。
isAudioPlaying(): boolean 确定玩家是否正在播放。
getAudioTrackDuration(): Promise<string> 分配给玩家的媒体文件时长。
playAtTime(time: number): void - 仅限iOS 在特定时间播放音频轨道。
changePlayerSpeed(speed: number): void - 仅限Android API 23+ 更改媒体播放器的播放速度。

TNSPlayer实例属性

属性 描述
ios 获取原生iOS AVAudioPlayer实例。
android 获取原生Android MediaPlayer实例。
debug: boolean 设置为 true 以启用调试控制台日志(默认为 false)。
currentTime: number 获取媒体文件时长的当前时间。
volume: number 获取/设置播放器音量。值范围从0到1。

许可

MIT

示例应用

  • 从仓库分支/克隆
  • 进入src目录
  • 执行npm run demo.androidnpm run demo.ios(如果您好奇,这些脚本位于src目录中package.json的scripts部分)