VUE 文字转语音播放的实现示例（亲测好用）

三、vue项目案例

<template><button @click="playVoice">播放语音</button>
</template>
<script>
const synth = window.speechSynthesis;
const msg = new SpeechSynthesisUtterance();
export default {data() {return {};},methods: {playVoice() {this.handleSpeak('小朋友，你是否有很多问号') // 传入需要播放的文字},// 语音播报的函数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>

一、技术：Web Speech API
Web Speech API 使您能够将语音数据合并到 Web 应用程序中。

Web Speech API 有两个部分：SpeechSynthesis 语音合成（文本到语音 TTS）和 SpeechRecognition 语音识别（异步语音识别）。

二、语音合成及发音接口
SpeechSynthesis：语音合成服务的控制器接口，可用于获取设备上可用的合成语音，开始、暂停以及其它相关命令的信息。

SpeechSynthesisUtterance：表示一次发音请求。其中包含了将由语音服务朗读的内容，以及如何朗读它（例如：语种、音高、音量）。

VUE 文字转语音播放的实现示例（亲测好用）相关推荐

vue+文字转换为语音播放，播放指定内容，附带js版本，SpeechSynthesisUtterance
首先: 调动方法:参数为指定文字: //语音播报yybbFun(data){this.commonjs.handleSpeak(data);}, 公共方法地址: https://mp.csdn.net ...
乐鑫Esp32学习之旅 23 安信可 esp32-a1s 音频开发板移植最新 esp-adf 音频框架，小试牛刀如何实现在线文字转语音播放。
本系列博客学习由非官方人员半颗心脏潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. 爬坑学习新旅程,虚拟机搭建esp32开发环境,打印 " ...
android 语音提醒，文字转语音播放
android本身具有文字转语音播放的TTS,一些第三方的sdk,像百度语音,科大讯飞语音等等都提供了文字转语音播放的功能,但这些第三方sdk大都收费,还挺贵的. 这里推荐两种方法:1.android ...
2019.12QQ音乐播放接口最新配置(亲测可用)
2019.12QQ音乐播放接口最新配置(亲测可用) config下的index.js 代理proxyTable配置: '/api': {target: 'https://c.y.qq.com', // ...
在vue中使用swiper轮播图（亲测有效）
在vue中使用swiper轮播图(亲测有效) 1.新建vue项目 2.装swiper的包 3.使用swiper 网上搜了一大堆在vue中如何使用swiper,结果搜出来一堆垃圾,也不知道从哪里复制的, ...
Java实现语音阅读功能开发（输入文字,转语音播放）
第一步导入maven坐标 <dependency& ...
C++ —— 调用微软语音接口（SAPI），实现文字转语音播放
SAPI介绍 SAPI(The Microsoft Speech API) ---- 微软语音接口 SAPI中的语音技术包括两部分内容:语音识别.语音合成.均需语音引擎的支持. ...
javascript调用百度API，文字转语音播放
前言文字转语音,运用在什么场景了?一般后台管理系统会用到,提示管理员有"新的订单"."新的任务"等等,管理员可以马上收到,并及时处理.就好比,在餐厅,经常会听 ...
C# 文字输入语音播放，代码如下
1.准备前工作,查看系统语音 2.C# 里引用speech 3.实现输入文字,语音播报出来,代码 private void btnplay_Click(object sender, EventArgs ...

VUE 文字转语音播放的实现示例（亲测好用）

VUE 文字转语音播放的实现示例（亲测好用）相关推荐

最新文章

热门文章