Web Speech API - 语音文本转换的Web解决方案

简介:

2014021502-575x350.jpg

参考

分类

  • 语音转换为文本提供可能,Speech Recognition

  • 文本输出为语音提供可能,Speech Synthesis

基本说明

  • 目前Chrome新版本浏览器支持该方案;

  • 经过测试FF、Opera、IE、Safari没有对此进行支持;

  • 该协议由Speech API Community Group维护;

  • 当前规范不属于正式规范,但是以后以此作为参考方案;

要点说明

  • 对于将语音与文本相互转换的技术是需要通过网络数据来实现的,也就是说,该API必须在网络条件下才能运行

Speech Recognition

Demo可以参考:41ZONE测试代码


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var  SpeechRecognition = window.SpeechRecognition ||
             window.mozSpeechRecognition ||
             window.webkitSpeechRecognition ||
             window.msSpeechRecognition ||
             window.oSpeechRecognition;
if (!SpeechRecognition)  return  ;
var  speechRecognition =  new  SpeechRecognition();
speechRecognition.addEventListener( "result" , function (event) {
     var  results = event.results;
     if (results.length >  0 ) {
         for ( var  i =  0 ;i<results.length;i++) {
             console.log(results[i][ 0 ].transcript);
         }
     }
}, false );
speechRecognition.continuous =  true ; speechRecognition.start();

Speech Synthesis

注意:当前没有浏览器对此接口方案支持

1
2
3
4
5
6
7
var  ssu =  new  SpeechSynthesisUtterance();
ssu.text =  'Hello World' ;
ssu.lang =  'en-US' ;
ssu.rate =  1.2 ;
ssu.addEventListener( "end" , function (event) { console.log( "finished" ); }, false );
var  su =  new  SpeechSynthesis();
su.speak(ssu);









本文转自 sundunjam 51CTO博客,原文链接:http://blog.51cto.com/sunspot/1360016,如需转载请自行联系原作者
目录
相关文章
|
9天前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
21 1
|
15天前
|
JSON API 数据格式
如何使用Python和Flask构建一个简单的RESTful API。Flask是一个轻量级的Web框架
本文介绍了如何使用Python和Flask构建一个简单的RESTful API。Flask是一个轻量级的Web框架,适合小型项目和微服务。文章从环境准备、创建基本Flask应用、定义资源和路由、请求和响应处理、错误处理等方面进行了详细说明,并提供了示例代码。通过这些步骤,读者可以快速上手构建自己的RESTful API。
24 2
|
25天前
|
监控 负载均衡 API
Web、RESTful API 在微服务中有哪些作用?
在微服务架构中,Web 和 RESTful API 扮演着至关重要的角色。它们帮助实现服务之间的通信、数据交换和系统的可扩展性。
46 2
|
28天前
|
移动开发 前端开发 JavaScript
前端开发实战:利用Web Speech API之speechSynthesis实现文字转语音功能
前端开发实战:利用Web Speech API之speechSynthesis实现文字转语音功能
139 0
|
2天前
|
JSON API 数据格式
淘宝 / 天猫官方商品 / 订单订单 API 接口丨商品上传接口对接步骤
要对接淘宝/天猫官方商品或订单API,需先注册淘宝开放平台账号,创建应用获取App Key和App Secret。之后,详细阅读API文档,了解接口功能及权限要求,编写认证、构建请求、发送请求和处理响应的代码。最后,在沙箱环境中测试与调试,确保API调用的正确性和稳定性。
|
14天前
|
供应链 数据挖掘 API
电商API接口介绍——sku接口概述
商品SKU(Stock Keeping Unit)接口是电商API接口中的一种,专门用于获取商品的SKU信息。SKU是库存量单位,用于区分同一商品的不同规格、颜色、尺寸等属性。通过商品SKU接口,开发者可以获取商品的SKU列表、SKU属性、库存数量等详细信息。
|
15天前
|
JSON API 数据格式
店铺所有商品列表接口json数据格式示例(API接口)
当然,以下是一个示例的JSON数据格式,用于表示一个店铺所有商品列表的API接口响应
|
25天前
|
编解码 监控 API
直播源怎么调用api接口
调用直播源的API接口涉及开通服务、添加域名、获取API密钥、调用API接口、生成推流和拉流地址、配置直播源、开始直播、监控管理及停止直播等步骤。不同云服务平台的具体操作略有差异,但整体流程简单易懂。
|
5天前
|
JSON API 数据安全/隐私保护
拍立淘按图搜索API接口返回数据的JSON格式示例
拍立淘按图搜索API接口允许用户通过上传图片来搜索相似的商品,该接口返回的通常是一个JSON格式的响应,其中包含了与上传图片相似的商品信息。以下是一个基于淘宝平台的拍立淘按图搜索API接口返回数据的JSON格式示例,同时提供对其关键字段的解释
|
1月前
|
人工智能 自然语言处理 PyTorch
Text2Video Huggingface Pipeline 文生视频接口和文生视频论文API
文生视频是AI领域热点,很多文生视频的大模型都是基于 Huggingface的 diffusers的text to video的pipeline来开发。国内外也有非常多的优秀产品如Runway AI、Pika AI 、可灵King AI、通义千问、智谱的文生视频模型等等。为了方便调用,这篇博客也尝试了使用 PyPI的text2video的python库的Wrapper类进行调用,下面会给大家介绍一下Huggingface Text to Video Pipeline的调用方式以及使用通用的text2video的python库调用方式。

热门文章

最新文章