首先,想实验的同学们需要浏览器支持webkit技术。大家下载一个chrome就可以了。毕竟是HTML5的相关技术么,所以还是Chrome比较给力。我记得貌似Html5的Chrome支持度是最高的。
下一步,在我们的Input标签里面加上一句话 x-webkit-speech
<input type="text" id="test" x-webkit-speech />
之后我们可以打开页面看一下 ,一个很袖珍的输入框显示在页面上了
下面我们来研究一下语种的问题。我才不要用英语。我们可以通过lang来改变语言
<input type="text" id="test" x-webkit-speech lang="zh-CN"/>
关于事件方面暂时还没有研究。好像有一个onwebkitspeechchange事件。但是我在想声音改变是个什么意思? 是指的声音停止,还是只要出现声音的变化就执行?
个人还没有去实践。毕竟HTML5这项技术对于浏览器来说还不能很好地支持。