cordova灌音转base64上传七牛

2024年4月24日 177次阅读 来源: Godi13

现在公司的webapp项目是基于meteor+react+cordova，指导要加相似微信的语音谈天功用，看了看七牛的文档跟源码，功用有太多我用不上的。先前上传图片用的是七牛供应的base64上传要领，那如果把灌音转成base64，也就能够上传到七牛了。

灌音的组件我终究用的cordova-plugin-media-with-compression，灌音出来的花样是.m4a，iOS跟Android都支撑播放。

cordova-plugin-media-with-compression与cordova-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.onloadend = 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://segmentfault.com/a/1190000007526501
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞