为了账号安全,请及时绑定邮箱和手机立即绑定

cordova录音转base64上传七牛

标签:
WebApp

目前公司的webapp项目是基于meteor+react+cordova,领导要加类似微信的语音聊天功能,看了看七牛的文档跟源码,功能有太多我用不上的。先前上传图片用的是七牛提供的base64上传方法,那如果把录音转成base64,也就可以上传到七牛了。

录音的组件我最终用的cordova-plugin-media-with-compression,录音出来的格式是.m4a,iOS跟Android都支持播放。

cordova-plugin-media-with-compressioncordova-plugin-media在Android端有区别。

var filename = "xxxx.m4a"; 
mediaRec = new Media(filename);

前者录完音是在原音频基础上增量录,而后者则Android跟iOS一样,两端都是每次重新录音,这里我采用了每次录音var filename = Date.now() + ".m4a"的方法解决这个问题

//转base64的代码getFileContentAsBase64(path,callback){  window.resolveLocalFileSystemURL(path, gotFile, fail);  function fail(e) {
    alert('Cannot found requested file');
  }  function gotFile(fileEntry) {
    fileEntry.file((file) => {      var reader = new FileReader();
      reader.end = function(e) {        var content = this.result;
        callback(content);
      };      // The most important point, use the readAsDatURL Method from the file plugin
      reader.readAsDataURL(file);
    });
  }
}

其中path参数需要做下判断,iOS与Android的路径不同,这里我使用了cordova-plugin-file插件,代码如下:

var path;var filename = Date.now() + ".m4a";if(device.platform == "iOS") {
  path = cordova.file.tempDirectory + filename;
} else if(device.platform == "Android") {
  path = cordova.file.externalRootDirectory + filename;
}

然后录音成功后调用getFileContentAsBase64即可

var mediaRec = new Media(filename, function() {
  getFileContentAsBase64(path, function(base64) {    var audio = base64.split(',')[1];  //七牛要求填写base64后的字符串
    var key = '上传到七牛的名字';    var url = `http://up-z1.qiniu.com/putb64/-1/key/${btoa(key)}`;    //华北是up-z1,华南可能是up或upload,我忘记了
    //剩下的就参考文章开头给的七牛base64上传方法链接
  }
})



作者:Godi13
链接:https://www.jianshu.com/p/df94a3418a1b


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消