美文网首页
Ionic 录音插件

Ionic 录音插件

作者: 种提莫的蘑菇 | 来源:发表于2018-01-27 18:36 被阅读0次

1. cordova-plugin-media-capture

1.安装

①  进入项目的根目录。

②  安装 cordova plugin:sudo ionic cordova plugin add cordova-plugin-media-capture

③  安装ionic native plugin:sudo npm install --save @ionic-native/media-capture

2.使用

import { MediaCapture, MediaFile, CaptureError, CaptureAudioOptions } from '@ionic-native/media-capture';                                     

@Component({                                      

    providers: [MediaCapture]                                     

})                                    

constructor(public mediaCapture: MediaCapture) {}                                     

…                                     

let options: CaptureAudioOptions = { limit: 1, duration: 10 };                                    

this.mediaCapture.captureAudio(options).then(                                     

         function (mediaFiles: MediaFile[]) { },                                   

         function (err: CaptureError) { }                                      

);

3.权限

4.设置比特率

ios 平台下通过修改 CDVCapture.m 设置比特率、采样率。

Android 平台下通过修改 Capture.java 设置比特率、采样率。(安卓代码不懂,上网页上搜一下就能找到)

5.设置保存路径

ios:默认保存路劲为 /var/mobile/Containers/Data/Application/UUID/tmp/xxx.wav,可以通过修改 CDVCapture.m 更改保存路径。

android:默认保存路径为 file:///storage/emulated/0/Recordings/xxx.amr by default,可以通过修改 Capture.java 更改保存路径。

6.上传

android 和 ios 都可通过 File Transfer Plugin 将录音文件上传至服务器。

安装 cordova plugin:sudo ionic cordova plugin add cordova-plugin-file-transfer

安装 ionic native plugin:sudo npm install --save @ionic-native/file-transfer

使用:

2.cordova-plugin-media

1.安装

①  进入项目的根目录。

②  安装 cordova plugin:sudo ionic cordova plugin add cordova-plugin-media

③  安装ionic native plugin:sudo npm install --save @ionic-native/media

2.使用

3.权限

config.xml:

4.设置比特率

ios 平台下通过修改CDVSound.m 设置比特率。

Android 平台下通过修改Capture.java 设置比特率等属性。

5.设置保存路径

android 和 ios 均可通过 File Plugin 的 createFile 去创建文件,改文件路径即为录音文件的保存路径。

6.上传

android 和 ios 都可通过 File Transfer Plugin 将录音文件上传至服务器。

安装 cordova plugin:sudo ionic cordova plugin add cordova-plugin-file-transfer

安装 ionic native plugin:sudo npm install --save @ionic-native/file-transfer

使用:同上面的写法一致


3.两个录音插件比较

测试版本: 

ios 10.3.2

android 6.0

cordova-plugin-media-capture@2.0.0

cordova-plugin-media@4.0.0  

4.完整代码

备注这是我借鉴大神的文章整理出来的只是便于大家能通过多方式渠道找到,原文地址。抱拳了~

相关文章

网友评论

      本文标题:Ionic 录音插件

      本文链接:https://www.haomeiwen.com/subject/jxfoaxtx.html