需要先說明的是拂封，當(dāng)前方案是為了解決在安卓app不聯(lián)網(wǎng)的情況下語音識(shí)別轉(zhuǎn)文字换吧；如果沒有強(qiáng)制要求完全可以使用現(xiàn)有的識(shí)別接口泌霍；且當(dāng)前方案是根據(jù)現(xiàn)有插件整合剪况。
1.首先需要安裝所需插件
- 語音識(shí)別插件 解決語音轉(zhuǎn)文字
- 長按錄音動(dòng)畫組件 實(shí)現(xiàn)聲音錄取和動(dòng)畫
根據(jù)文檔安裝和配置以上插件狱意，下面示例是語音識(shí)別插件在main.js文件的配置
// 語音識(shí)別插件安裝之后在的配置
let speechRecModule = null
try {
speechRecModule = uni.requireNativePlugin('Xyjk-Speech-Recognition')
speechRecModule.initModel(()=>{
console.log('語音識(shí)別模型初始化完成');
})
} catch (e) {
// err
}
Vue.prototype.$speechRecModule = speechRecModule
2.其次要把兩個(gè)插件配合使用
首先在頁面中引入和使用錄音動(dòng)畫組件
<template>
<view>
<nb-voice-record
@startRecord="start"
@endRecord="end"
@cancelRecord="cancel"
:btnStyle="btnStyle"
:btnHoverBgcolor="btnHoverBgcolor"
btnDefaultText="按住說話"
btnRecordingText="松開發(fā)送 上劃取消"
popupTitle="識(shí)別中"
popupDefaultTips="松開發(fā)送"
popupCancelTips="上劃取消"
:popupMaxWidth="300"
:recordOptions="recordOptions"
>
</nb-voice-record>
</view>
</template>
然后在頁面中觸發(fā)語音識(shí)別組件
<template>
<view>
<nb-voice-record
@startRecord="start"
@endRecord="end"
@cancelRecord="cancel"
:btnStyle="btnStyle"
:btnHoverBgcolor="btnHoverBgcolor"
btnDefaultText="按住說話"
btnRecordingText="松開發(fā)送 上劃取消"
popupTitle="識(shí)別中"
popupDefaultTips="松開發(fā)送"
popupCancelTips="上劃取消"
:popupMaxWidth="300"
:recordOptions="recordOptions"
>
</nb-voice-record>
</view>
</template>
<script>
export default {
methods: {
// 開始錄音
start() {
this.$speechRecModule.startRecord({uniCode: 'speechTest'}, (res)=> {
console.log('xcx res: ', res)
if(res.resp_code == 200 && res.speech_text != '') {
// res.speech_text是錄音轉(zhuǎn)文字之后的數(shù)據(jù)
// some code
} else {
uni.showToast({
title: '識(shí)別失敗',
icon: 'none'
})
}
})
},
// 結(jié)束錄音
end(event) {
this.$speechRecModule.stopRecord((e)=>{
// some code
})
},
// 取消錄音
cancel() {
this.$speechRecModule.stopRecord((e)=>{
// some code
})
}
}
}
</script>
3.總結(jié)
以上就是根據(jù)現(xiàn)有已知的插件組合實(shí)現(xiàn)的方案；再次需要強(qiáng)調(diào)的是這個(gè)僅僅是針對(duì)的是不聯(lián)網(wǎng)安卓app拯欧。
4.在有網(wǎng)情況下使用百度語音識(shí)別api的實(shí)現(xiàn)方案
首先需要有相關(guān)賬號(hào)详囤，申請(qǐng)相關(guān)服務(wù)。
-
第一步需要配置錄音權(quán)限
具體配置路徑：manifest.json-->App模塊配置--->record(錄音)镐作，找打之后選中就可以了藏姐。 -
第二部拿到錄音文件
這個(gè)可根據(jù)具體業(yè)務(wù)情況來實(shí)現(xiàn)，下面是個(gè)簡單例子
<template>
<view>
<nb-voice-record
@startRecord="start"
@endRecord="end"
@cancelRecord="cancel"
:btnStyle="btnStyle"
:btnHoverBgcolor="btnHoverBgcolor"
btnDefaultText="按住說話"
btnRecordingText="松開發(fā)送 上劃取消"
popupTitle="識(shí)別中"
popupDefaultTips="松開發(fā)送"
popupCancelTips="上劃取消"
:popupMaxWidth="300"
:recordOptions="recordOptions"
>
</nb-voice-record>
</view>
</template>
<script>
export default {
methods: {
// 結(jié)束錄音
end(event) {
this.$speechRecModule.stopRecord((e)=>{
// 拿到錄音文件
const path = event.tempFilePath;
})
}
}
}
</script>
- 第三部實(shí)現(xiàn)百度接口所需要的錄音文件轉(zhuǎn)base64方法實(shí)現(xiàn)
<script>
export default {
methods: {
convertAudioToBase64(filePath, callback) {
plus.io.resolveLocalFileSystemURL(filePath, function(entry) {
entry.file(function(file) {
var reader = new plus.io.FileReader();
reader.onloadend = function(e) {
const base64Data = e.target.result
const len = file.size
callback(base64Data, len);
};
reader.readAsDataURL(file);
}, function(e) {
console.log("讀取文件失敻眉帧：" + e.message);
});
}, function(e) {
console.log("獲取文件對(duì)象失敻嵫睢：" + e.message);
});
}
}
}
</script>
- 第四步提交百度語音識(shí)別
<script>
export default {
methods: {
async fetchKey(voiceData, dataLen) {
await ajax.post('http://vop.baidu.com/server_api', {
format:"pcm",
rate: 16000,
channel: 1,
token: '你的token',
cuid: '你的id',
len: dataLen, // 錄音文件長度大小
speech: voiceData, // 錄音文件
}, {}, 9000, true).then(res => {
console.log('res', res)
if (_.hasIn(res, 'err_no') && res.err_no === 0 && _.isArray(res.result) && res.result[0] !== '') {
// 拿到結(jié)果 = res.result[0]
// some code
} else {
uni.showToast({
title: '識(shí)別失敗',
icon: 'none'
})
}
}).catch(err => {
console.log('err', err)
uni.showToast({
title: '識(shí)別失敗',
icon: 'none'
})
})
}
}
}
</script>
- 第五步實(shí)現(xiàn)從拿到文件到發(fā)送的結(jié)合
<script>
export default {
methods: {
// 結(jié)束錄音
end(event) {
this.$speechRecModule.stopRecord((e)=>{
// 拿到錄音文件
const path = event.tempFilePath;
this.convertAudioToBase64(path, (data, len) => {
const idx = data.indexOf('data:audio/vnd.wave;base64,')
this.fetchKey(data.replace('data:audio/vnd.wave;base64,', ''), len)
})
})
}
}
}
</script>
以上就是調(diào)用baidu語音識(shí)別轉(zhuǎn)文字的全過程了，希望對(duì)您有所幫助杨蛋。
