现在公司的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上传要领链接
}
})