vue项目实现文字转换成语音播放功能

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

Web Speech API 有两个部分：SpeechSynthesis 语音合成（文本到语音 TTS）和 SpeechRecognition 语音识别（异步语音识别）。我们今天主要了解语音合成，将文字转换成语音播放

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

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

SpeechSynthesis.cancel()：移除所有语音谈话队列中的谈话。

SpeechSynthesis.getVoices()：返回当前设备所有可用声音的 SpeechSynthesisVoice列表。

SpeechSynthesis.pause()：把 SpeechSynthesis 对象置为暂停状态。

SpeechSynthesis.resume()：把 SpeechSynthesis 对象置为一个非暂停状态：如果已经暂停了则继续。

SpeechSynthesis.speak()：添加一个utterance到语音谈话队列；它将会在其他语音谈话播放完之后播放。

四、SpeechSynthesisUtterance属性介绍

SpeechSynthesisUtterance.lang：设置话语的语言。例如：“zh-cn”表示中文

SpeechSynthesisUtterance.pitch：设置说话的音调(音高)。范围从0（最小）到2（最大）。默认值为1

SpeechSynthesisUtterance.rate：设置说话的速度。默认值是1，范围是0.1到10，表示语速的倍数，例如2表示正常语速的两倍

SpeechSynthesisUtterance.text：设置在说话时将合成的文本内容。

SpeechSynthesisUtterance.voice：设置用于说话的声音。

SpeechSynthesisUtterance.volume：设置将在其中发言的音量。区间范围是0到1，默认是1

五、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>

vue项目实现文字转换成语音播放功能相关推荐

html 语音转换成文本,vue项目或网页上实现文字转换成语音播放功能
一.在网页上实现文字转换成语音方式一: 摘要:语音合成:也被称为文本转换技术(TTS),它是将计算机自己产生的.或外部输入的文字信息转变为可以听得懂的.流利的口语输出的技术. 1. 使用百度的接口: ...
在vue项目或网页上实现文字转换成语音
** 在vue项目或网页上简单实现文字转换成语音播放 ** 一.在网页上实现文字转换成语音方式一: 摘要:语音合成:也被称为文本转换技术(TTS),它是将计算机自己产生的.或外部输入的文字信息转变为 ...
java自制语音识别,老司机搞定java使用语音识别将文字转换成语音
电脑现已成为我们工作.生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到java使用语音识别将文字转换成语音的问题,如果我们遇到了java使用语音识别将文字转换成语音的情况,该怎么处理怎么才能 ...
如何将文字转换成语音？文字转语音哪个工具好
估计很多人一看到这个题目,马上就会站起来说,文字还能转语音?当然是啦,文字转语音有两种用处,一类是为了配视频的音频,另外一类是为了发布到音频自媒体平台,所有能用音频的自媒体平台都可以上传,这样就实现了 ...
怎么将文字转换成语音？
将文字转换成语音的形式有很多种,有的时候我们可以将准备好的文字文件转换成语音的形式,下面小编就给大家简单介绍一下. 步骤一:将文字转换成语音的形式并不是很困难,我们首先需要将文字准备好,然后通过在浏览 ...
准备好的文字转换成语音的方法
有些文件是可以进行转换的,当我们用文字的形式记录一些重要内容的时候,我们是可以将这些文字转换成语音的形式播放出来,那么我们是怎么进行文字转换成语音. 步骤一:我们可以通过搜索进入到迅捷语音云服务中去, ...
怎么把文字转换成语音？这里有简单的步骤讲解
生活中我们经常会用到语音完成任务,但是我们有不想用自己的声音,这时,我们就能将文字转换成语音了,具体步骤怎么做呢?下面我们一起来学习下吧! 步骤一:打开文字转语音软件,在画布的左侧有三个工具栏[文字转 ...
怎么把文字转换成语音，这里有简单的方法
我们在平时的生活中是否遇到下面几个问题: 眼睛一整天对着电脑很酸,不想看电脑,想把密密麻麻的文字转换成语音: 家里有老人年级大,看不清报纸上的文字,想要别人念给他听,可以我们平时上班都很忙碌,没有足够 ...
怎么把文字转换成语音？教你几个方法，超级简单
怎么把文字转换成语音呢?有些朋友在工作中有时候可能需要把一段文字制作成语音来使用,这时候可能有人就会犯难了,该怎么做才能把文字转换成语音呢?其实方法很简单,只需要借助第三方软件即可快速实现转换,下面就 ...
如何让文字转换成语音
如何让文字转换成语音?有些时候因为工作需要,我们需要将文字转换成语音来保存或者传送,PDF转换器这个工具大家都不陌生,我们之前是用来PDF文件和word.Excel.TXT之间的转换的,但是现在PDF ...

vue项目实现文字转换成语音播放功能

五、vue项目案例

vue项目实现文字转换成语音播放功能相关推荐

最新文章

热门文章