介绍一下x-webkit-speech -------实现语音输入

阅读更多

其实大家都能从一淘啊或者淘宝相关的产品里面看到这样的输入框:

 



 好奇的人都会查看源码看看到底是什么东东?

 


里面有两个东东:

 

1、x-webkit-speech

 

    目前只有Chrome 11+的支持

 

    属性和事件介绍:

 

 

  •   lang 
 

 

  •   onwebkitspeechchange 
       语音发生变化时候触发的
 
 
2、 x-webkit-grammar
 
      可以控制 输入的语法
 
 
    Bug场景
 
    在iframe里面的提示层有位置偏移? http://www.php100.com/html/webkaifa/HTML5/2012/1212/11757.html
 
 
  • 介绍一下x-webkit-speech -------实现语音输入_第1张图片
  • 大小: 9.4 KB
  • 介绍一下x-webkit-speech -------实现语音输入_第2张图片
  • 大小: 14 KB
  • 查看图片附件

你可能感兴趣的:(x-webkit-speech)