首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

激动人心!在网页下通过语音输入文字 - HTML5 Web Speech API介绍

2013-01-23 
激动人心!在网页上通过语音输入文字 - HTML5 Web Speech API介绍很久前我曾经提到过Web Speech API,现在Ch

激动人心!在网页上通过语音输入文字 - HTML5 Web Speech API介绍

         很久前我曾经提到过Web Speech API,现在Chrome刚刚发布的25版本已经为桌面和Android提供了对此API的支持,这对Web开发者来说无疑是一个具有里程碑意义的事件,因为我们可以直接在Web App中原生使用语音识别技术,Web应用的新时代将会由此开启。

         控制不住激动的心情,下面我会通过示例马上给大家介绍此API的详细信息。

         Google专门提供了一个原生示例,来演示Web Speech API。

激动人心!在网页下通过语音输入文字 - HTML5 Web Speech API介绍

         我们来看看实现代码。首先需要判断浏览器是否支持Web Speech API,我们通过window下是否存在webkitSpeechRecognition对象来判断。如果支持,我们创建webkitSpeechRecognition对象,并设置相关属性和事件。

 

         当开始语音输入、捕获和识别时,我们还会在桌面右下角看到相关提示。

激动人心!在网页下通过语音输入文字 - HTML5 Web Speech API介绍

激动人心!在网页下通过语音输入文字 - HTML5 Web Speech API介绍

         从现在开始,Web App的开发者们可以好好考虑考虑,利用Web Speech API能够开发出什么样有趣的产品,或者为自己的产品添加什么有趣的功能?

         提示:如果要体验文中的Demo,请使用Chrome 25以上的版本或者Chrome Canary。

         相关文章:《对HTML5 Device API相关规范的解惑》

         参考文章:VOICE DRIVEN WEB APPS: INTRODUCTION TO THE WEB SPEECH API

         转载请标明出处:蒋宇捷的专栏

1楼xinqing120昨天 00:31
[code=plain]nn[/code]

热点排行