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天前
|
Kubernetes 安全 Devops
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
34 10
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
|
1天前
|
机器学习/深度学习 人工智能 监控
API超越应用的时代,深入了解F5 API安全解决方案
API超越应用的时代,深入了解F5 API安全解决方案
14 3
|
1月前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
52 1
|
1月前
|
JSON API 数据格式
如何使用Python和Flask构建一个简单的RESTful API。Flask是一个轻量级的Web框架
本文介绍了如何使用Python和Flask构建一个简单的RESTful API。Flask是一个轻量级的Web框架,适合小型项目和微服务。文章从环境准备、创建基本Flask应用、定义资源和路由、请求和响应处理、错误处理等方面进行了详细说明,并提供了示例代码。通过这些步骤,读者可以快速上手构建自己的RESTful API。
60 2
|
2月前
|
监控 负载均衡 API
Web、RESTful API 在微服务中有哪些作用?
在微服务架构中,Web 和 RESTful API 扮演着至关重要的角色。它们帮助实现服务之间的通信、数据交换和系统的可扩展性。
53 2
|
2月前
|
移动开发 前端开发 JavaScript
前端开发实战:利用Web Speech API之speechSynthesis实现文字转语音功能
前端开发实战:利用Web Speech API之speechSynthesis实现文字转语音功能
255 0
|
2月前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
158 3
|
1月前
|
设计模式 前端开发 数据库
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用,涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容,并展示了实际代码示例,帮助读者快速掌握Django全栈开发的核心技术。
169 45
|
15天前
|
前端开发 安全 JavaScript
2025年,Web3开发学习路线全指南
本文提供了一条针对Dapp应用开发的学习路线,涵盖了Web3领域的重要技术栈,如区块链基础、以太坊技术、Solidity编程、智能合约开发及安全、web3.js和ethers.js库的使用、Truffle框架等。文章首先分析了国内区块链企业的技术需求,随后详细介绍了每个技术点的学习资源和方法,旨在帮助初学者系统地掌握Dapp开发所需的知识和技能。
2025年,Web3开发学习路线全指南
|
22天前
|
存储 前端开发 JavaScript
如何在项目中高效地进行 Web 组件化开发
高效地进行 Web 组件化开发需要从多个方面入手,通过明确目标、合理规划、规范开发、加强测试等一系列措施,实现组件的高效管理和利用,从而提高项目的整体开发效率和质量,为用户提供更好的体验。
27 7