Web Speech API-语音合成

最新推荐文章于 2024-09-27 10:44:38 发布
最新推荐文章于 2024-09-27 10:44:38 发布
阅读量1.8k 收藏 2
点赞数
文章标签： 前端 语音识别 人工智能
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pfourfire/article/details/127613782
版权
本文介绍了Web Speech API的使用，重点在于语音合成功能。通过SpeechSynthesis接口，开发者可以将文本转化为语音输出，适用于网页文字转语音播放等场景。文章详细讲解了如何创建和控制语音合成，包括设置语种、音量等，并提供了Vue2环境下的代码示例。同时，注意到getVoices方法的异步特性。最后，作者分享了一份JavaScript与ES的笔记供读者学习。
摘要由CSDN通过智能技术生成

使用场景

通过 TTS 引擎把文本转化成语音输出，web使用在网页文字转语音播放、页面阅读等功能上

依赖windows的TTS引擎

知识点

Web Speech API 使您能够将语音数据合并到 Web 应用程序中。 Web Speech API 有两个部分：SpeechSynthesis 语音合成（文本到语音 TTS）和 SpeechRecognition 语音识别（异步语音识别）。

API 包含以下两个部分：

-语音识别：通过 SpeechRecognition 接口进行访问，它提供了识别从音频输入（通常是设备默认的语音识别服务）中识别语音情景的能力。一般来说，你将使用该接口的构造函数来构造一个新的 SpeechRecognition</

最低0.47元/天 解锁文章
姑老爷呀
关注
SAPI 语音识别 Grammar 的设置
ZrElixir的博客
09-17 134
Microsoft 提供的 SAPI（Speech Application Programming Interface）是一个强大的工具，用于在 Windows 操作系统上实现语音识别功能。在 SAPI 中，Grammar 的设置非常关键，它定义了语音识别引擎应该匹配和理解的语法规则。在上述示例中，我们创建了一个简单的 Grammar 对象，其中包含了两个可能的词组：“打开” 和 “关闭”。在上述示例中，我们将语音识别引擎的输入设备设置为默认音频设备，并使用 Multiple 模式启动识别过程。
HTML5-Speak-Easy:Web Speech API 语音合成（文本到语音）包装器
06-09
HTML5-Speak-Easy ##A Web Speech API 语音合成（文本到语音）包装器 所以您想开始使用 HTML5 Speech Synthesis API，但遇到了问题。 您已经发现 chrome 不会播放超过特定大小的文本。 这旨在解决该问题。 文本被分成尽可能大的块，寻找 .'s、!'s 和 ?'s。 还提供了暂停、播放、停止和更改设置的方法。 目前，设置仅在下一个块开始时发生。 ＃＃＃用法 ####TLDR speaker.text("Text to play!"); speaker.settings({ rate: 1.5, pitch: 0.8 }); speaker.play(); speaker.pause(); speaker.resume(); speaker.stop(); ####Domready 还不够 意识到当 DOM 准备好时
实现语音合成的三种方法：HTML5 Web Speech 、speak-tts、百度语音合成
最新发布
weixin_45274678的博客
09-27 1939
在前端开发中，文字转语音（Text-to-Speech, TTS）技术是一种非常实用的功能，广泛应用于教育、商业、娱乐以及无障碍辅助等多个领域。和speak-tts，并对比它们的优缺点及适用场景。
HTML5 Web Speech API 结合Ext实现浏览器语音识别以及输入
923723914
07-13 450
简介 Web Speech API是HTML5技术中的一个提供原生语音识别技术的API，Google Chrome在25版之后开始支持Web Speech API，Google也提供了一个官方实例，效果如下： 实现效果 我根据Google提供的实例中的相关实现，在Web即时通讯系统中结合Ext实现语音输入，Ext作为展示层，将识别的过程进行展示。效果如下： ...
讯飞语音JavaWeb语音合成解决方案
weixin_34163553的博客
03-06 543
在线语音合成 将文字信息转化为声音信息，给应用配上“嘴巴”。我们提供了众多极具特色的发音人（音库）供您选择。其合成音在音色、自然度等方面的表现均接近甚至超过了人声。这种语音合成体验，达到了真正可商用的标准 讯飞的语音合成还是很牛P的，不但有基础发音人，还有精品发音人、特色发音人、明星发音人，当然你如果有特殊要求还可以定制。 这里我们选择基础发音人做简单...
speech api_使用Web Speech API制作语音控制的音频播放器
10-23 911
speech api /* For hiding / showing the extra block */ .sp_hiddenblock { margin: 2px; border: 1px solid rgb(250, 197, 82); border-radius: 3px; padding: 5px; background-color: rgba(250, 197, ...
Web Speech API的语音识别技术
weixin_48813932的博客
03-13 1749
这是一个实验性技术目前兼容性如图：pc端几乎兼容，移动端部分不兼容网页语音 API 的接口是语音服务的控制接口；它可以用于获取设备上关于可用的合成声音的信息，开始、暂停语音，或除此之外的其他命令。SpeechSynthesis 也从它的父接口继承属性，EventTarget.SpeechSynthesis.paused 只读当SpeechSynthesis 处于暂停状态时， Boolean值返回 true。SpeechSynthesis.pending只读。
web-speech-cognitive-services：Polyfill Web Speech API与Cognitive Services Bing Speech一起用于语音到文本和文本到语音服务
01-30
网络语音认知服务 Web语音API适配器，可将Cognitive Services语音服务用于语音到文本服务和文本到语音服务。...语音合成需要Web Audio API。 对于Safari，需要使用用户手势（单击或点击）才能使用Web Audi
Webspeech-AI-Bot:带有Web Speech API的简单AI聊天机器人
05-26
使用Web Speech API的SpeechRecognition界面从麦克风监听您的声音。 将您的消息作为文本字符串发送到dialogflow代理（自然语言处理平台）。 一旦来自代理的AI将回复文本返回，请使用SpeechSynthesis接口为其提供...
web-speech-component:将webspeech api包装在一个Web组件中
05-17
Web Speech API包含语音识别（SpeechRecognition）和语音合成（SpeechSynthesis）两个主要部分，此组件可能主要涉及语音识别，允许用户通过语音输入与网页进行交互。 **标签解析：** 标签为"JavaScript"，表明这个...
speech-to-text-js:Voice Note App的目的是通过使用浏览器界面记录人类语音并将其转换为文本，然后将文本转换回语音，来尝试使用Web Speech API。
05-15
Web语音API有两个部分：语音合成（文本到语音）和语音识别（异步语音识别）。 此应用程序使用Web Speech API来构建语音驱动的便笺应用程序，以执行以下三件事： 通过使用语音到文本或键盘输入来做笔记。 将语音...
web_speech_api
07-08
网络语音API 这是使用 Web Speech API 识别说话的显示文本。 现在您只能使用 Chrome。 网络语音API 5.1.1 语音识别属性 语法属性语法属性在此识别过程中活动的语法中存储典型 SpeechGrammar 对象的集合。 语言属性 此属性使用有效的 BCP47 语言标记设置请求的识别语言。如果删除此属性，在脚本中检索时它将保持未设置状态，但默认情况下将使用与 html 文档根元素关联的层次结构的 lang。当打开与识别服务的输入请求连接时，将处理和使用默认值。 连续属性当连续属性设置为 false 时，用户代理必须返回不超过一个最终结果以响应开始识别，例如交互的单轮模式。当连续属性设置为 true 时，用户代理必须返回零默认值必须为false。注意，此属性设置不影响中期结果。 临时结果属性控制是否返回中间结果。设置为true时，应返回中间结果。设置为fals
Chrome-Web-Speech-API：Chrome Web语音API
01-31
Chrome Web Speech API 使用Google Chrome Web Speech API进行语音转文本 现场演示 正在安装 将此存储库克隆到本地计算机 git https://github.com/bensonruan/Chrome-Web-Speech-API.git 将您的本地主机指向克隆的根目录 使用Chrome浏览器浏览到 。 开始用声音打字 通过单击麦克风图标打开麦克风 允许浏览器访问您的麦克风 开始说话 支持的浏览器 目前，它仅支持台式机和Android移动设备上的Google Chrome版本25或更高版本 图书馆 -jQuery的
WebSpeechAPI:一个简化的 Web Speech API 和输入匹配系统演示
07-14
网络语音API 一个简化的 Web Speech API 和输入匹配系统演示 这可能不再起作用，因为随着时间的推移，Web Speech API 以某种方式变得不那么可靠。 一旦它标准化，我可能会再次尝试，尽管这段代码应该让你开始（并且输入匹配系统仍然可以正常工作）。 重要提示：Web Speech API 真的不适合非 SSL 服务器。 它会在 60 秒的静音后或任何其他停止/错误时提示用户访问麦克风。 我建议获得一个便宜的（<10 美元）证书来制作任何具有语音交互功能的公共网站或一个自签名证书来使用它。 我花了比我想承认的更长的时间来整理 Node.js 和 HTTPS，所以我可能会在未来的某个时候为 Cats 编写 SSL 指南。
web语音源程序(web 页面中使用语音合成技术)
01-12
前言： 语音合成技术其实并没有什么神秘的，也不像想象中的那么繁杂。今天我就与大家一起来看一下，怎么让我们网页为我们朗读文本。怎样做到在web中进行语音合成 。我也将使用最短的代码，最通俗话语来完成这篇文章。 环境要求： 首先我们需要一个微软的Speech SDK 5.1的安装包（当然你的机器的操作系统版本要在windows2000以上的这个范畴）,来使得我们的机器具有语音识别的功能。安装包，您可以在这里找到： http://www.microsoft.com/downloads/details.aspx?FamilyId=5E86EC97-40A7-453F-B0EE-6583171B4530&displaylang=en 请您下载并安装SpeechSDK51.exe 和 SpeechSDK51LangPack.exe 就可以了 (注意： var VoiceObj = new ActiveXObject("Sapi.SpVoice");出错的话 调整IE的安全级别，工具--internet选项--安全--自定义级别--选中对没有标记安全的ActiveX运行和初始化脚本) (1、电脑必须装有微软TTS中文引擎，大约是1.5MB。（下载地址：http://www.cngr.cn/dir/softdown.asp?softid=3204） 2、必须调整IE的安全级别，工具--internet选项--安全--自定义级别--选中对没有标记安全的ActiveX运行和初始化脚本 ) )
兼容web端移动端的语音合成
01-24
支持web端及移动端（iOS 安卓 pad）语音合成
使用 Web Speech API 在浏览器中朗读文本
allway2的博客
10-09 3138
使用 Web Speech API 在浏览器中朗读文本 开发者布道者 TwilioPhil Nash的这篇文章或这里是公共 Te 文章的日文版。 Web Speech API有两个功能：语音合成（语音阅读）和语音识别（语音到文本的转换）。SpeechSynthesis API允许您在浏览器中选择语音并大声朗读任何文本。 无论是应用程序中的语音警报还是网站上 Autopilot 驱动的聊天机器人的使用，Web Speech API 都具有增强 Web 界面的巨大潜力。本节介绍如何在 We.
web—speechAPI
xiaobai_qxjn的博客
06-15 344
web—speechAPI
HTML5 Web Speech API，让网站更有趣
weixin_33729196的博客
02-05 405
Web API 变得越来越丰富，其中一个值得注意的是Web Speech API。传统的网站只能“说”，这个API的出现，让网站能“倾听”用户。这个功能已经开放了一系列的用法，非常棒。 在这篇文章中，我们将看一下这项技术和建议的用法，以及如何用它来增强用户体验的一些好例子。 声明：本技术比较前沿，目前该规范是W3C的“非官方...
web speech api vue
12-07
Web Speech API 是一个可以让网页应用程序实现语音识别和语音合成的 API。Vue 是一个流行的JavaScript框架，用于构建用户界面和单页面应用。结合使用Web Speech API 和 Vue 可以实现语音识别和语音合成的功能，为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值