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

本文介绍了如何使用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
 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方法,


  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值