网站建设哪家做的好一点,推荐seo关键词优化,怎么经营网店生意才会好,网站建设免备案免费空间html5怎么实现语音搜索
谷歌的网站在他们首页发现了HTML5的新玩法——语音搜索。
注意#xff1a; 只有webkit核心的浏览器才能使用
用法很简单 只需要在input添加属性x-webkit-speech即可#xff0c;例子如下#xff1a;
代码如下:
input typetext x-…html5怎么实现语音搜索
谷歌的网站在他们首页发现了HTML5的新玩法——语音搜索。
注意 只有webkit核心的浏览器才能使用
用法很简单 只需要在input添加属性x-webkit-speech即可例子如下
代码如下:
input typetext x-webkit-speech /这样你的输入框右边里就多了个「小话筒」点击的时候就会提示 这时说出来识别后就可以了我测试下来中文英语的识别率还挺高的。
语音输入其他属性 lang这玩意可以强制输入框里面的语音的语言种类例如
input typetext x-webkit-speech langzh-CN/语音事件目前已知的只有onwebkitspeechchange顾名思义就是语音发生变化时触发的事件一般可以作为提交
代码如下:
input typetext x-webkit-speech onwebkitspeechchange$(this).cloest(form).submit()/这样说完以后就自动搜索了 x-webkit-grammar这个不是语音搜索用的属性但是可以控制这个输入的语法例如在做搜索框的话就可以用
代码如下:
input typetext x-webkit-speech x-webkit-grammarbUIltin:search /
