在Vue中将文字以语音进行播报

<script>
const synth = window.speechSynthesis;
const msg = new SpeechSynthesisUtterance();......
methods:{playVoice(txt) {console.log(999);this.handleSpeak(txt); // 传入需要播放的文字},// 语音播报的函数handleSpeak(text) {msg.text = text; // 文字内容: 小朋友，你是否有很多问号msg.lang = "zh-CN"; // 使用的语言:中文msg.volume = 1; // 声音音量：1msg.rate = 1; // 语速：1msg.pitch = 1; // 音高：1synth.speak(msg); // 播放},// 语音停止handleStop(e) {msg.text = e;msg.lang = "zh-CN";synth.cancel(msg);}}
}</script>

在Vue中将文字以语音进行播报相关推荐

Vue实现文字转语音，语音播报
Vue实现文字转语音,语音播报思路: 利用 speak-tts 这个报进行文字转语音并且播报下载 npm install speak-tts 引入 //不用再main.js中写,哪个vue文件需要 ...
vue 实现文字转语音tts
调用本地方法实现文字转语音 .缺点:win7系统部分版本不发声音,优点:不需要外网支持 const synth = window.speechSynthesis const msg = new Spe ...
Java实现在windows系统下文字转语音并播报
一.准备工作 1.因为调用的是windows64的自带的语音系统,所以我们需要下载语音驱动,一个以dll结尾的文件, 文件放到网盘里了链接:https://pan.baidu.com/s/1KCNS ...
前端实现tts（文字转语音）
<!--* @Author: xss 995550359@qq.com* @Date: 2022-09-23 15:16:20* @LastEditors: xss 995550359@qq.c ...
【vue 语音播报（文字转语音）】
vue 语音播报(文字转语音) 1.安装speak-tts包 npm install speak-tts 2.在页面中引入 import Speech from 'speak-tts' 3.初始化以及 ...
Android如何解决文字转语音播报的问题
如何解决文字转语音的问题 1.网上的普遍解决方式 2.我自己需求和解决方式 3.总结 1.网上的普遍解决方式 TTS+语音引擎实现离线的语音播报的功能下载百度,讯飞等厂家的离线SDK(收费) 由于这 ...
java 文字转换成语音代码_java文字转语音播报功能的实现方法
前言本文主要给大家分享了关于java文字转语音播报的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧方法如下一.pom.xml引入jar包依赖 com.hynnet ja ...
【微信小程序】语音播报，文字转语音，使用《微信同声传译插件》
需要实现的功能是: 输入一段文字,由小程序读出来步骤如下: 一.小程序添加 "微信同声传译" 插件添加插件步骤看这篇博===>如何添加插件并配置二.代码编写 index ...

在Vue中将文字以语音进行播报

在Vue中将文字以语音进行播报相关推荐

最新文章

热门文章