每日总结 5.11 

<!doctype html>
<html>  
    <head>  
      
    <meta charset="UTF-8">
    <script type='text/javascript'>  
    if (document.createElement("input").webkitSpeech === undefined) {    
        alert("很遗憾，你的浏览器不支持语音识别。");  
        }  
    else{  
        alert("尝试使用语言识别来输入内容吧");  
        }  
  
    //事件的触发（可使用下面的js调用完成）  
    /*  
    input.onwebkitspeechchange = function() {  
            alert("aaa");  
    };  
    */  

    </script>  
    <script>//这里的作用是文本框（搜索框）失去焦点的时候，值重新赋了下。这样语音再次输入就不会将以前的值去掉  
        document.querySelector("input[name='s']").addEventListener("blur",function(){this.value=this.value;});  
    </script>  
    </head>  
    <body>  
    <!--  
        <input name="s" type="text" x-webkit-speech x-webkit-grammar="builtin:translate" />  
        <input x-webkit-speech lang="zh-CN" />  
        <input x-webkit-speech x-webkit-grammar="bUIltin:search" />  
    -->  
    <form action="http://www.google.com/search" >  
        <input type="search" name="q" lang="zh-CN" x-webkit-speech x-webkit grammar="builtin:search" onwebkitspeechchange="startSearch(event)"/>  
    </form>  
    </body>  
</html>

发现浏览器不适配麦克风。

无法进行相应的语音识别。

遇到问题：设备或者代码问题

代码量30

posted @ 2023-05-11 20:35  一个小虎牙  阅读(8)  评论(0)  编辑  收藏  举报