读书人

激动人心!在网页下通过语音输入文字

发布时间: 2013-01-23 10:44:49 作者: rapoo

激动人心!在网页上通过语音输入文字 - 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]

读书人网 >Web前端

热点推荐