一.安装小程序插件(腾讯云智能语音)
操作步骤:去微信公众平台 ——设置——添加插件——搜索 wx3e17776051baf153——添加
二.腾讯云申请开通语音识别
文档地址:
https://cloud.tencent.com/document/product/1093/35646
三.实现代码
app.config.ts
plugins: {
"QCloudAIVoice": {
"version": "2.2.4", //请于文档顶部【版本更新能力】中获取最新版本号
"provider": "wx3e17776051baf153"
}
},
tsx文件(参考文档:腾讯云智能语音 | 小程序插件 | 微信公众平台 (qq.com))
import React, { useEffect, useRef, useState } from "react";
import {requirePlugin } from "@tarojs/taro";
import { View } from "@tarojs/components"
interface Props {
}
const Chat: React.FC<Props> = () => {
const plugin = requirePlugin("QCloudAIVoice");
const intoText = async (item:any) => {
const res: any = await http({
url: `后端接口`,
method: 'GET',
})
if (res.code === 200) {
// 避免前端暴露(appid secretid SecreKey)等重要信息调用后端接口获取
plugin.setQCloudSecret(res.data.appid, res.data.secretid, res.data.secretkey, false, res.data.openConsole);
plugin.sentenceRecognition({
engSerViceType: '16k_zh', //引擎类型
sourceType: 0, //0:语音 URL
voiceFormat: 'aac',
url: item.content.remoteUrl,
success: function (data) {
console.log('sentenceRecognition succ:', data)
// 文字回显 css等就不贴出来了
}
})
}
}
return (
<View>
<View onClick={() => intoText('音频文件src')}>转文字</View>
</View>
)
}
export default Chat