uniapp语音转文字：科大讯飞的实时展示文字和流式输出

---

前言

科大讯飞语音转文字,使用rendejs实现了流式传输数据,流式输出文字，下面是我开发的内容，领导提出的需求是语音转文字再接入ai大模型，可以和人工智能对话，我这里只是简单记录部分示例代码和截图。

---

一、使用步骤

1.下载文件

在uniapp的插件官网下载一位作者开发的插件，官网地址如下：uniapp插件官网

2.下载crypto-js

使用之前需要把组件中dist目录copy到static目录下

dist目录 : uni_modules/yimo-AudioTrans/dist ---------> static/dist

而后使用npm下载crypto-js（npm i crypto-js）

---

3.示例代码

<template>
    <view class="content">
        <!-- <button @touchstart.stop="start" @touchend.stop="end">按下说话,松开停止</button> -->
        <button @click="start" >开始说话</button>
        <button @click="end">停止说话</button>
        <view style="color:deeppink;font-size: 30rpx;">
            {{msg}}
        </view>
        <yimo-AudioTrans
            ref="yimoAudioTransRefs"
            :options="options"
            @countDown="countDown"
            @result="resultMsg"
            @onStop="onStop"
            @onOpen="onOpen"
            @change="change"
        ></yimo-AudioTrans>
    </view>
</template>
<script>
export default {
    data() {
        return {
            title: 'Hello',
            msg:'123',
            options: {
                receordingDuration: 20,
                APPID: 'd6d15e17',
                API_SECRET: 'NmIyZWFjYzMxNTEwMmRjZTE0YjcxNzIw',
                API_KEY: '172b9f1528efa9442956f2f26f34ead0'
            }
        };
    },
    onLoad() {},
    methods: {
        start() {
            this.$refs.yimoAudioTransRefs.start();
        },
        end() {
            this.$refs.yimoAudioTransRefs.end();
        },
        countDown(e) {
            console.log('countDown', e);
        },
        onStop(e) {
            console.log('onStop', e);
        },
        onOpen(e) {
            console.log('onOpen', e);
        },
        change(e) {
            console.log('change', e);
        },
        resultMsg(e) {
            this.msg = e
            console.log('resultMsg', e);
        }
    }
};
</script>

二、总结

在app和小程序的开发中，对于这个需求是非常需要的，在运行的时候，如果发现报错，没有录音权限，那就需要你在手机或者模拟器上面把录音的权限打开即可，如果有其他问题，在评论留言，我看见后会回复。