Cordova开发app——使用插件录音并上传服务器

最新推荐文章于 2024-06-07 09:49:06 发布

weixin_33676492

最新推荐文章于 2024-06-07 09:49:06 发布

阅读量2k

点赞数 1

文章标签： javascript 移动开发数据库 ViewUI

原文链接：https://juejin.im/post/5c805d80e51d457e433ef0e2

版权

本文介绍了如何使用Cordova开发移动应用进行录音并上传到服务器，涉及cordova-plugin-media、cordova-plugin-file和cordova-plugin-file-transfer这三个插件的使用方法。在iOS和Android平台上，录音文件格式和存储路径各有差异，通过cordova-plugin-device插件判断平台。文章详细讲解了从录音、保存本地到上传的完整流程。

摘要由CSDN通过智能技术生成

本文首发在我的个人博客上： http://www.brandhuang.com

本文主要使用到的主要插件有一下三个：

插件的github地址：

 1、cordova-plugin-media //录音并生成音频文件
 2、cordova-plugin-file  // 对本地文件进行读写操作
 3、cordova-plugin-file-transfer // 上传文件到服务器
复制代码

还用到一个辅助插件（忘了是不是构建Cordova项目的时候会自动安装的！尴尬）

插件地址： cordova-plugin-device

 cordova-plugin-device // 获取设备信息
 插件提供了如下的一些属性：
 device.cordova
device.model
device.platform
device.uuid
device.version
device.manufacturer
device.isVirtual
device.serial
复制代码

由于我需要把文件存到手机中，Android和ios的文件有所不同，所以需要用到这个device插件来判断app安装的平台

    if (device.platform == "iOS") {
      this.filePath = cordova.file.tempDirectory;
    } else if (device.platform == "Android") {
      this.filePath = cordova.file.externalRootDirectory;
    }
复制代码

下面分别写下这几个插件在从录音到上传完成的用法。

使用插件前，需要先全局监听deviceready方法，