前言
用mui混合开发的APP，现有一个功能需求就是语音转换成文字，并把语音进行保存。对此考虑两种选择讯飞和百度。最终选择了百度语音。
百度语音
通过官方文档我们大致可以确定如果想要实现语音识别，要做到以下几点：
1.获取Access Token
2.获取录音 REST API的形式传给百度服务器，返回文字
1.获取Access Token
1.1.申请百度开发账号
我是把百度信息放到系统中的配置文件中，每次使用的时候调用接口即可。如果有所修改便于维护。
<!--百度人工智能平台访问配置--> <add key="BaiduAIPAppID" value="22465672" /> <add key="BaiduAIPAPIKey" value="hUw1j0gFd5k0GVzM3m9dGGnL" /> <add key="BaiduAIPSecretKey" value="YddydGN4NqbzHUGtFu1Gug8jhFXKf7vN" />
ps:以上百度账号不能正常使用，自己如果要用请自行申请。
1.2.获取Access Token
从官网上我们可以知道access Token 是有有效期的。但在有效期下多次提交申请获得Access Token是相同的，所以我在同步到手机缓存是设置了有效期。在判断是否存在或者是否过期而做出是否重新申请的判断。
1.2.1.初始化更新数据
下载安装app后，把百度账号存入手机缓存中，以便于后期直接使用。
/*
* 更新百度人工智能平台访问配置
*/
function UpdateBaiduAipConfig(){ //代用服务器接口获取百度账号相应信息保存到手机缓存中
platform.ajax("MBase/GetBaiduAipConfig",null,function(data){ if(data){ var currentAppID = platform.GetData('BaiduAIPAppID') ;
console.log(currentAppID) if (currentAppID != data.AppID) {//判断是否已存在相关数据
console.log("AppID变化，更新配置");
platform.SaveData("BaiduAIPAppID", data.AppID)//此方法是封装的H5存储页面缓存在这不再过多叙述
platform.SaveData("BaiduAIPAPIKey", data.APIKey)
platform.SaveData("BaiduAIPSecretKey", data.SecretKey) // 强制刷新token;
platform.SaveData("token_timeout", new Date().getTime())
}else{
console.log("AppID没有变化，无需更新");
}
}
},"post");
}
以上把百度账号存进了到了手机页面缓存中，一直有效。
1.2.2.获取token
判断是否需要更新获取Token
//判断是否需要更新获取Tokenfunction needUpdateToken() { if(access_token == null || access_token == undefined || access_token.length == 0) {
console.log("没有token，需要更新"); return true;
} var now = new Date().getTime(); if(token_timeout - now < 86400 * 1000) {
console.log("token即将过期，需要更新"); return true;
}
console.log("token有效，无需更新：" + access_token); return false;
}
//获取token
//获取tokenfunction UpdateBaiduAipToken(entry) { var w = plus.nativeUI.showWaiting("请求中，请稍候..."); var token_url = generateTokenUrl();
mui.ajax(token_url, {
data: '',
type: 'post',
contentType: "application/json; charset=utf-8",
timeout: 5000,
success: function(resp) {
w.close();
access_token = resp.access_token; var expires_in = resp.expires_in; var now = new Date();
token_timeout = now.getTime() + expires_in * 1000;
platform.SaveData("access_token", access_token);
platform.SaveData("token_timeout", token_timeout); if(entry) {
asr(entry);
}
},
error: function(xhr, type, errorThrown) {
w.close();
alert("网络请求出错");
}
});
}
//获取百度信息
function get_baidu_api_key() { return platform.GetData("BaiduAIPAPIKey");
} function get_baidu_secret_key() { return platform.GetData("BaiduAIPSecretKey");
} function get_baidu_app_id() { return platform.GetData("BaiduAIPAppID");
}
//获取token url
var token_url_base = "https://openapi.baidu.com/oauth/2.0/token?grant_type=client_credentials&client_id="; var asr_url_base = "http://vop.baidu.com/server_api" var len = 0; var app_id = get_baidu_app_id(); var access_token = platform.GetData("access_token"); var token_timeout = platform.GetData("token_timeout"); function generateTokenUrl() { var api_key = get_baidu_api_key(); var secret_key = get_baidu_secret_key();
console.log(token_url_base + api_key + "&client_secret=" + secret_key) return token_url_base + api_key + "&client_secret=" + secret_key;
}
2.获取录音 REST API的形式传给百度服务器，返回文字
1.首先是获取录音
2.传给百度服务器
3.获取返回信息赋值
4.保存语音
2.1.首先是获取录音
全局变量
// 开始录音
var r = null,
t = 0,
ri = null,
rt = null; var rate = 16000; var channel = 1; if(mui.os.android) { var format = "amr";
} else if(mui.os.ios) { var format = "wav";
}
View Code
利用MUI H5+获取录音 r = plus.audio.getRecorder();
function startRecord() { var bt = $(this).attr("id"); //console.log( "开始录音：" );
r = plus.audio.getRecorder(); //$$.alert(r.supportedFormats);
if(r == null) { //console.log( "录音对象未获取" );
return;
}
r.record({
filename: "_doc/audio/",
samplerate: rate
}, function(p) { //console.log( "录音完成："+p );
plus.io.resolveLocalFileSystemURL(p, function(entry) {
showMsic(entry.toLocalURL());//保存语音
doASR(entry);//语音识别转换
//createItem( entry );
}, function(e) { //console.log( "读取录音文件错误："+e.message ); });
}, function(e) { //console.log( "录音失败："+e.message ); });
er.style.display = "block";
t = 0;
ri = setInterval(function() {
t++;
rt.innerText = timeToStr(t);
}, 1000);
} function doASR(entry) { if(needUpdateToken()) {
UpdateBaiduAipToken(entry);
} else {
asr(entr);
}
}
2.2.传给百度服务端
//转换语音编码function asr(entry) { var w = plus.nativeUI.showWaiting("请求中，请稍候...");
entry.file(function(file) {
len = file.size;
console.log("录音文件长度：" + len); var reader = new plus.io.FileReader();
reader.onload = function(e) { var strResult = e.target.result;
console.log("编码结果：" + strResult); var index = strResult.indexOf('base64,') + 7; var base64Str = strResult.slice(index, strResult.length);
w.close();
speech2txt(base64Str);
}
reader.readAsDataURL(file);
}, function(e) {
w.close();
console.log("录音文件处理出错：" + e);
})
}//传给百度服务器function speech2txt(base64Str) { var w = plus.nativeUI.showWaiting("请求中，请稍候..."); var data1 = { "format": format, "rate": rate, "dev_pid": 1536, "channel": channel, "token": access_token, "cuid": app_id, "len": len, "speech": base64Str
}; var dataStr = JSON.stringify(data1);
console.log("json: " + dataStr);
mui.ajax(asr_url_base, {
data: dataStr,
type: 'post',
contentType: "application/json",
timeout: 5000,
success: function(resp) {
w.close(); if(resp.result == undefined || resp.result == '') {
console.log("转换失败：" + resp.err_msg + " err_no: " + resp.err_no); return;
}
appendVoiceText(resp.result[0]);//赋值
console.log("转换完成：" + resp.result[0]);
},
error: function(xhr, type, errorThrown) {
w.close(); if(type == 'timeout') {
console.log("录音超时");
} else {
console.log("网络请求出错");
}
}
});
}
2.3.赋值
function appendVoiceText(voicePath) {
cv = $("#HTContent").val()//获取已有数据
if(cv.length > 0) {
cv = cv + " " + voicePath;
} else {
cv = voicePath;
}
$("#HTContent").val(cv);
}
2.4.保存语音
function showMsic(mic) { //显示图片
if(mic) { if($("#image-list ul li").length <= 0) {
$("#image-list ul").html("");
} var mcount = $("#image-list ul .muivideo").length + 1; var pname = mic.substring(mic.lastIndexOf('/') + 1); var imgstr = "<li data-path=\"" + mic + "\" >" +
"<div class=\"muivideo\">录音" + mcount + "</div>" +
"<span class=\"mui-icon mui-icon-close imgdel\"></span>" +
"</li>";
$(imgstr).appendTo("#image-list ul");
$("#sendvideo").focus();
}
}
3.其他
停止录音，播放相应文件，停止播放，上传语音长度
// 播放文件相关对象
var p = null,
pt = null,
pp = null,
ps = null,
pi = null; // 开始播放
function startPlay(url) {
ep.style.display = "block"; var L = pp.clientWidth;
p = plus.audio.createPlayer(url);
p.play(function() { //console.log("播放完成！" );
// 播放完成
pt.innerText = timeToStr(d) + "/" + timeToStr(d);
ps.style.webkitTransition = "all 0.3s linear";
ps.style.width = L + "px";
stopPlay();
}, function(e) { //console.log( "播放音频文件\""+url+"\"失败："+e.message ); }); // 获取总时长
var d = p.getDuration(); if(!d) {
pt.innerText = "00:00:00/" + timeToStr(d);
}
pi = setInterval(function() { if(!d) { // 兼容无法及时获取总时长的情况
d = p.getDuration();
} var c = p.getPosition(); if(!c) { // 兼容无法及时获取当前播放位置的情况
return;
}
pt.innerText = timeToStr(c) + "/" + timeToStr(d); var pct = Math.round(L * c / d); if(pct < 8) {
pct = 8;
}
ps.style.width = pct + "px";
}, 1000);
} // 停止播放
function stopPlay() {
clearInterval(pi);
pi = null;
setTimeout(resetPlay, 500); // 操作播放对象
if(p) {
p.stop();
p = null;
}
} // 重置播放页面内容
function resetPlay() {
ep.style.display = "none";
ps.style.width = "8px";
ps.style.webkitTransition = "all 1s linear";
pt.innerText = "00:00:00/00:00:00";
} function timeToStr(ts) { if(isNaN(ts)) { return "--:--:--";
} var h = parseInt(ts / 3600); var m = parseInt((ts % 3600) / 60); var s = parseInt(ts % 60); if(s > 20) {
stopRecord(); //超过20秒退出 } return(ultZeroize(h) + ":" + ultZeroize(m) + ":" + ultZeroize(s));
}; function ultZeroize(v, l) { var z = "";
l = l || 2;
v = String(v); for(var i = 0; i < l - v.length; i++) {
z += "0";
} return z + v;
};
随时随地看视频
热门评论
-
慕后端34880822025-09-17 0
-
慕后端34880822025-06-23 0
查看全部评论http://www.imooc.com/article/272417
https://www.baidu.com