更新记录

1.0.0（2025-01-05）

初始化

平台兼容性

xwq-tts-speaker

利用系统TTS将文本转成语音播报，可以自定义第三方TTS引擎

• Methods 方法
  • init 初始化
  • startSpeak 开始播报
  • setSpeechRate 设置速度
  • getEngines 获取引擎列表

代码示例

<template>
    <view>
        <textarea @input="iptHandle" name="test" id="tts" cols="30" rows="10"
            style="width: 100%;border: 1px solid #ccc;;padding: 10;background-color: #f2f2f2;margin-bottom: 10px;"></textarea>
        <button type="default" @click="start">文本转语音播报</button>
        <button type="default" @click="stop">播报暂停</button>
        <button type="default" @click="setSpeechRate">设置播报速度</button>
        <button type="default" @click="getEngines">获取手机播报引擎</button>
    </view>
    <view class="eng-list" style="padding: 15px;">
        <view class="title">
            <text style="font-weight: bold;font-size: 20px;">引擎列表：</text>
        </view>
        <view v-for="(i,k) in engineList" :key='k' class="item">
            {{i}}
        </view>
    </view>
</template>

<script setup>
    import { TTSSpeaker, Info,Option } from "@/uni_modules/xwq-tts-speaker";

    const speakValue=ref('');
    const engineList=ref([] as string[]);

    const iptHandle=(event: UniInputEvent)=>{
        speakValue.value=event.detail.value;
    }

    //开始播报，在开始之前要先初始化TTS，成功后再开始
    const start = () => {
        TTSSpeaker.init({
            enginesName:"com.google.android.tts", //自定义第三方TTS引擎，前提是手机上已安装
            speechRate:0.1,//播报速度，有些系统TTS不支持设置
            success:(val : Info)=>{
                console.log(val);
                TTSSpeaker.startSpeak(speakValue.value);//开始播报文本
            },
            fail:(val : Info)=>{
                console.log(val);
            },
            finshed:()=>{
                console.log('播报结束')
            }
        } as Option);
    };
    //停止播报
    const stop=()=>{
        TTSSpeaker.stopSpeak();
    };
    //设置播报速度，有些系统TTS不支持
    const setSpeechRate=()=>{
        TTSSpeaker.setSpeechRate(0.5);
    };
    //获取引擎列表，没有默认系统TTS
    const getEngines=()=>{
        let result=TTSSpeaker.getEngines();
        engineList.value=result;
    }
</script>