vue或uniapp开发微信公众号使用微信的语音转文字接口

1、打开微信网页开发文档，先看文档
微信官网文档-公众号

2、调用接口前需要验签

3、引入jsdk开始在代码中使用，我在改项目中使用了vant组件，页面中两个图片是录音效果图片，需要更换为自己的图片，接口需要更换成自己的接口，代码中有些事多余的或者重复的代码，可自行删除

<template>
    <div class="voice_popup">
        <van-popup
            v-model="show"
            lock-scroll
            close-on-click-overlay
            :close-on-popstate="true"
            :closeable="false"
            :transition-appear="false"
            :safe-area-inset-bottom="true"
            position="bottom"
            :style="{ height: '45%' }"
        >
            <div class="popup_count">
                <div class="popup_field">
                    <div class="disabled_filed" v-if="!voiceText">
                        <div class="title">欢迎使用语音录入功能</div>
                        <div class="label">您所说的内容将被识并转写在这里</div>
                    </div>
                    <van-field
                        v-else
                        v-model="voiceText"
                        rows="4"
                        :autosize="{ maxHeight: '110px', minHeight: '50px' }"
                        label=""
                        type="textarea"
                        placeholder="请按下后说话..."
                    />
                </div>
                <div
                    class="img_center"
                    @touchstart.prevent="handelTouchStart"
                    @touchend.prevent="handelTouchEnd"
                >
                    <div class="rate_round">
                        <!--没开始按录音显示的默认图片  需要替换成自己的图片 -->
                        <img
                            v-if="voiceStatus === 'end'"
                            class="image"
                            src="../../assets/imgs/vioce.png"
                            alt=""
                        />
                        <!-- 长按录音显示的土拍你		需要替换成自己的图片 -->
                        <img
                            v-if="voiceStatus === 'start'"
                            class="image_active"
                            src="../../assets/imgs/voice_active.gif"
                            alt=""
                        />
                    </div>
                     
                    <div class="rate_bg"></div>
                </div>
            </div>
            <div class="btn_voice">
                <div v-if="voiceText" class="btn_cacel" @click="handelDelete">
                    取消
                </div>
                <div v-if="voiceText" class="btn_confirm" @click