数码资讯
用HTML5实现语音搜索框的方法
作为一家专业的淘宝,不知道从什么时候开始,淘宝语音搜索,好吧,因为好奇或是想看一看,但我仔细一想,可以发现只有在核心的WebKit浏览器,因为它只支持Webkit浏览器内核 让我们先看看它们的不同显示。 下面是Firefox下的截图: 下面是Chrome下的截图: 可以猜测的是,编写的代码绝对不兼容
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
作为一家专业的淘宝,不知道从什么时候开始,淘宝语音搜索,好吧,因为好奇或是想看一看,但我仔细一想,可以发现只有在核心的WebKit浏览器,因为它只支持Webkit浏览器内核
让我们先看看它们的不同显示。
下面是Firefox下的截图:
下面是Chrome下的截图:
可以猜测的是,编写的代码绝对不兼容,但你会发现它非常简单,即使你是前端新手,你也会看到。
复制代码代码如下所示:
参数的含义:
x-webkit-speech:这是对你的输入框右边的一个小麦克风,具有语音功能。
郎:在强制输入框,声音的语言为例,郎=zh CN上面写的是简体中文。
x-webkit-grammar:指的是语音输入的语法,内置:search,
注意:但是这个硬件的兼容性还需要改进,因为当你的中英文混合语音时,可能会出现故障。
让我们先看看它们的不同显示。
下面是Firefox下的截图:
下面是Chrome下的截图:
可以猜测的是,编写的代码绝对不兼容,但你会发现它非常简单,即使你是前端新手,你也会看到。
复制代码代码如下所示:
参数的含义:
x-webkit-speech:这是对你的输入框右边的一个小麦克风,具有语音功能。
郎:在强制输入框,声音的语言为例,郎=zh CN上面写的是简体中文。
x-webkit-grammar:指的是语音输入的语法,内置:search,
注意:但是这个硬件的兼容性还需要改进,因为当你的中英文混合语音时,可能会出现故障。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。