npm i --save @dsvishchov/nativescript-audio
- 版本:6.2.1
- GitHub: https://github.com/nstudio/nativescript-audio
- NPM: https://npmjs.net.cn/package/%40dsvishchov%2Fnativescript-audio
- 下载次数
- 昨日: 0
- 上周: 0
- 上月: 6
NativeScript 音频
NativeScript 插件,用于在 Android 和 iOS 上播放和录制音频文件。
安装
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。 |
许可
示例应用
- 从仓库分支/克隆
- 进入
src
目录 - 执行
npm run demo.android
或npm run demo.ios
(如果您好奇,这些脚本位于src
目录中package.json的scripts
部分)