taro react 小程序集成腾讯云一句话识别

有没有认真工作

已于 2024-02-28 17:12:07 修改

阅读量429

点赞数 8

文章标签： taro 小程序腾讯云

于 2023-12-08 23:50:23 首次发布

本文链接：https://blog.csdn.net/weixin_42124894/article/details/134888971

版权

一.安装小程序插件(腾讯云智能语音)

    操作步骤:去微信公众平台 ——设置——添加插件——搜索 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