欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-13 23:19:07
...

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

 


介绍一下x-webkit-speech -------实现语音输入
            
    
    博客分类: html5webkit私有属性集合 x-webkit-speech
 好奇的人都会查看源码看看到底是什么东东?

 


介绍一下x-webkit-speech -------实现语音输入
            
    
    博客分类: html5webkit私有属性集合 x-webkit-speech

里面有两个东东:

 

1、x-webkit-speech

 

    目前只有Chrome 11+的支持

 

    属性和事件介绍:

 

 

  •   lang 
<input type="text" x-webkit-speech lang="zh-CN"/>
 

 

  •   onwebkitspeechchange 
       语音发生变化时候触发的
 
 
2、x-webkit-grammar
 
      可以控制输入的语法
 
 
   Bug场景
 
    在iframe里面的提示层有位置偏移?http://www.php100.com/html/webkaifa/HTML5/2012/1212/11757.html
 
 
  • 介绍一下x-webkit-speech -------实现语音输入
            
    
    博客分类: html5webkit私有属性集合 x-webkit-speech
  • 大小: 9.4 KB
  • 介绍一下x-webkit-speech -------实现语音输入
            
    
    博客分类: html5webkit私有属性集合 x-webkit-speech
  • 大小: 14 KB
相关标签: x-webkit-speech