[建站]为自己的网站在Chrome中添加语音输入
2011年12月15日发布在 建站
在用谷歌浏览器(Chrome)浏览网站时,你会发现有些网站(比如1616网站导航)的文本输入框的右侧有一个麦克风,点击之后可以进行语音输入(Speech to Text)。其实这是使用了谷歌浏览器的语音输入API。如果要为自己的网站也加入语音,只需要在需要输入文本的地方加入以下一行代码即可:
speech=“speech” x-webkit-speech=“x-webkit-speech” x-webkit-grammar=“builtin:translate”
范例如下:
<input type=“text” class=“gspeech” name=“test” speech=“speech” x-webkit-speech=“x-webkit-speech” x-webkit-grammar=“builtin:translate” />
效果如图:
只能在谷歌浏览器中才可以使用语音输入,非谷歌浏览器则会忽略所添加的属性,不会影响网页显示。