介紹
因?yàn)轫?xiàng)目需要,使用到了微信小程序和百度的語音接口 現(xiàn)在將項(xiàng)目中的一個(gè)小模塊拿出來單獨(dú)分享.
技術(shù)關(guān)鍵字
環(huán)境
考慮到業(yè)務(wù)并不復(fù)雜,所以就將所有的代碼都放在一個(gè)頁面就可以了(wxml,wxss,js統(tǒng)稱為一個(gè)頁面)
文件目錄
頁面
index.wxml
<button type='default' bindtouchstart='startrecorderHandel' bindtouchend="sendrecorderHandel">開始8錄音</button><view> 你說的話是: <view> {{msg}} </view></view>index.js
// 錄音對(duì)象const recorderManager = wx.getRecorderManager();function sendRecord(src) { var obj = { // 已經(jīng)在花生殼中映射到本地端口-3001 url: "http://xxx:34306/post", filePath: src, name: "fffile", header: { 'Content-Type': 'application/json' }, success: function (result) { var data = JSON.parse(result.data); // msg 為最終語音識(shí)別的字符串 var msg = data.result; // 獲取當(dāng)前頁面對(duì)象 var page = getCurrentPages()[0]; page.setData({ msg: msg }); }, fail: function (err) { console.log(err); } }; wx.uploadFile(obj)}// 結(jié)束錄音的時(shí)候觸發(fā) recorderManager.onStop((res) => { // 獲取文件路徑-提交到后臺(tái)-后臺(tái)發(fā)送到百度 sendRecord(res.tempFilePath);})recorderManager.onError((res) => { console.log("error", res);});Page({ /** * 頁面的初始數(shù)據(jù) */ data: { msg: "" }, // 按下按鈕的時(shí)候觸發(fā) startrecorderHandel() { // 開始錄音 recorderManager.start({ }); }, // 松開按鈕的時(shí)候觸發(fā)-發(fā)送錄音 sendrecorderHandel() { // 結(jié)束錄音 recorderManager.stop(); }, /** * 生命周期函數(shù)--監(jiān)聽頁面加載 */ onLoad: function (options) { wx.authorize({ scope: 'record' }) }})后臺(tái)nodejs接口文件目錄
index.js
var express = require('express');var app = express();var fs = require('fs');var Multiparty = require('multiparty');// 轉(zhuǎn)碼工具var ffmpeg = require('fluent-ffmpeg');var AipSpeechClient = require("baidu-aip-sdk").speech;// #region 創(chuàng)建百度授權(quán) // 設(shè)置APPID/AK/SKvar APP_ID = "xxx";var API_KEY = "xxx";var SECRET_KEY = "xxx";// 百度請(qǐng)求對(duì)象var client = new AipSpeechClient(APP_ID, API_KEY, SECRET_KEY);// 新建一個(gè)對(duì)象,建議只保存一個(gè)對(duì)象調(diào)用服務(wù)接口app.post('/post', function (req, res, next) { //生成multiparty對(duì)象,并配置上傳目標(biāo)路徑 var form = new Multiparty.Form({ uploadDir: 'uploads/' }); //上傳完成后處理 form.parse(req, function (err, fields, files) { var filesTemp = JSON.stringify(files, null, 2); var inputFile = files.fffile[0]; var uploadedPath = inputFile.path; var command = ffmpeg(); command.addInput(uploadedPath) // 將1.aac 變?yōu)?.wav .save(uploadedPath.slice(0, -3) + "wav") .on('error', function (err) { console.log(err); }) .on('end', function () { // 將錄音文件轉(zhuǎn)為buffer var voice = fs.readFileSync(uploadedPath.slice(0, -3) + "wav"); var voiceBuffer = new Buffer(voice); // 發(fā)送buffer到百度接口 返回語音對(duì)應(yīng)的字符串 client.recognize(voiceBuffer, 'wav', 16000).then(function (result) { console.log('<recognize>: ' + JSON.stringify(result)); res.end(JSON.stringify(result)); }, function (err) { console.log(err); }); }); });});var server = app.listen(3001, function () { var host = server.address().address; var port = server.address().port; console.log('Example app listening at http://%s:%s', host, port);});啟動(dòng)
下載項(xiàng)目
git clone https://github.com/itcastWsy/wx_baidu.git
使用微信小程序打開 微信前臺(tái) 目錄
配置 后臺(tái)的接口地址
打開 微信nodejs后臺(tái) 后臺(tái)文件夾
輸入 npm i 安裝依賴
輸入 命令 啟動(dòng)項(xiàng)目 npm run start
手機(jī)微信掃一掃小程序 - 語音輸入 “大吉大利”
注意事項(xiàng)
當(dāng)使用微信開發(fā)工具 發(fā)送的語音文件的格式是 aac,但是使用手機(jī)微信發(fā)送的格式是 m4a 這里直接處理的是m4a 轉(zhuǎn)碼工具是ffmpeg
關(guān)于花生殼,如果不使用也可以,只不過需要自己代碼提交到有外網(wǎng)域名的服務(wù)器上接口,注意 開發(fā)階段需要打開小程序開發(fā)工具內(nèi)的 不校驗(yàn)安全域名….的選項(xiàng)
當(dāng)調(diào)用百度接口的時(shí)候,需要填寫上自己的相關(guān)信息
以上所述是小編給大家介紹的微信小程序和百度的語音識(shí)別接口詳解整合,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)VEVB武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選