vue 实现文字转语音

<template>
<button @click="playVoice">播放语音</button>
</template>
<script>
const synth = window.speechSynthesis;
const msg = new SpeechSynthesisUtterance();
export default {
data() {
return {};
},
methods: {
playTips() {

var tips = '开始播放语音，请注意';

this.handleSpeak(tips); //播放语音内容

this.$confirm(tips, '提示', {

dangerouslyUseHTMLString:true,

confirmButtonText: '确定',

cancelButtonText: '取消',

type: 'warning'

}).then(() => {

this.handleStop() // 停止，不用入参

。。。。。。点击确定时，业务处理逻辑

}

}）
},
// 语音播报的函数
handleSpeak(text) {
msg.text = text;
msg.lang = "zh-CN"; // 使用的语言:中文
msg.volume = 1; // 声音音量：1
msg.rate = 1; // 语速：1
msg.pitch = 1; // 音高：1
synth.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 ...
在Vue中将文字以语音进行播报
<script> const synth = window.speechSynthesis; const msg = new SpeechSynthesisUtterance();.... ...
【vue 语音播报（文字转语音）】
vue 语音播报(文字转语音) 1.安装speak-tts包 npm install speak-tts 2.在页面中引入 import Speech from 'speak-tts' 3.初始化以及 ...
vue实现可编辑的文字_苹果还自带文字转语音，只要一键按下便可实现，今天分享给大家...
如果想将文字转成语音,那大家平时都是怎么操作?下面小编就为大家介绍手机,电脑上都可以使用的方法,让我们一起来看看吧! 一.手机端操作 1.苹果手机其实苹果手机就自带了文字转语音功能,只要打开手机,然 ...
vue+文字转换为语音播放，播放指定内容，附带js版本，SpeechSynthesisUtterance
首先: 调动方法:参数为指定文字: //语音播报yybbFun(data){this.commonjs.handleSpeak(data);}, 公共方法地址: https://mp.csdn.net ...
乐鑫Esp32学习之旅 23 安信可 esp32-a1s 音频开发板移植最新 esp-adf 音频框架，小试牛刀如何实现在线文字转语音播放。
本系列博客学习由非官方人员半颗心脏潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. 爬坑学习新旅程,虚拟机搭建esp32开发环境,打印 " ...
讯飞语音api 文字转语音生成MP3遇到的bug
项目场景: 最近做前端我遇到一个令人头疼的bug,请教了我们工作室的前端大佬也没能解决根本问题,最后发现是后端的问题,而且还挺难发现的.因为这个bug花了我不少时间,我也不能让自己头发白掉所以就记录一 ...
微软语音合成助手 TTS-VUE 文字转语音工具
前言我们在刷短视频的时候经常会听到一些AI合成声音,它们有各种音色.语调,甚至不同的情绪,听起来与人声无异其实这些大都是利用微软Azure的文字转语音技术来实现的虽然国内也有很多配音工具,但体验 ...
科大讯飞webAPI文字转语音
可能会遇到的坑原文链接自行了解 js webWorker线程我的目录结构 TTS.js代码 // 科大讯飞文字->语音 import {downloadPCM, downloadWAV} ...

vue 实现文字转语音

vue 实现文字转语音相关推荐

最新文章

热门文章