cordova media android不播放声音,cordova-plugin-media 录音并打包上传

最新推荐文章于 2024-08-23 08:40:13 发布

燭台

最新推荐文章于 2024-08-23 08:40:13 发布

阅读量317

点赞数

文章标签： cordova media android不播放声音

一、录音.

插件：cordova-plugin-media

官网中的示例代码很详细了，src可以为"cdvfile://localhost/persistent/"的形式，但我未能测试通过，因此采用“name.wav”

src： recordFileName = “name.wav”

src的name命名有限制，在小米和华为测试中发现：不能有‘/’，否则文件无法播放，不能有“：”，否则文件无法读取。

示例代码：

AAffA0nNPuCLAAAAAElFTkSuQmCC

用cordova media插件进行录音

存储地址：

需要依赖cordvoa-plugin-file 插件，如果直接存为 “name.wav” 那么安卓会存储在根目录下"/ ",对应插件中的cordova.file.externalRootDirectory，小米4需重启才能在手机中看到该文件。

二、读取文件

已有的方法为利用 H5的 FileReader.readAsDataUrl()方法，但是文件只能由用户拖拽或选择路径，详情可参看参考文献。

本项目要求上传给定路径的文件，选择cordova的插件 cordova-plugin-file 来读取文件

Android 读取录音文件代码：

AAffA0nNPuCLAAAAAElFTkSuQmCC

Android音频文件“name.wav”的读取

录音文件在Android的地址是"/", 这点我使出浑身解数也没在网上找到答案，还是做Android的前辈指点所得，深表感谢。根据cordova-plugin-file官网中对应的Layout(https://github.com/apache/cordova-plugin-file#android-file-system-layout)可知，resolveLocalFileSystemURL的第一个参数应该是cordova.file.externalRootDirectory。

iOS 读取录音文件代码：

AAffA0nNPuCLAAAAAElFTkSuQmCC

iOS音频文件“name.wav”的读取

cordova-plugin-media 的官网指定了src为“name.wav”时，录音文件在iOS的存贮地址，可采用window.requestFileSystem 方法读取window.TEMPORARY文件系统，获得的dirEntry对象的root值，即为文件所在目录。

转beas64

读取的文件流就是base64格式的，所以不存在转base64的问题。iOS中data的格式是audio/wav。

AAffA0nNPuCLAAAAAElFTkSuQmCC

Android读取的文件数据

三、打包上传

本项目要求一次上传所有需要的音频文件，而cordova-plugin-file-transfer插件一次只能上传单个文件，因此需要生成zip文件，选取jszip插件来进行打包

四、删除文件

如需删除手机本地文件，可获取文件入口fileEntry后调用其remove方法