텍스트/음성을 기준으로보기로 이동

Question

현재 응용 프로그램 사용자가 텍스트를 입력하거나 음성을 사용하여 사이트의 다른 부분을 탐색 할 수있는 기능을 구현하려고합니다. 다음 코드는 Google의 음성 인식 API를 사용하는 프로젝트에서 사용되며 사용자가 텍스트를 입력하여 Google 검색을 수행하거나 음성 단어를 사용하여 동일한 결과를 얻을 수 있습니다. 누군가가 나에게 올바른 방향으로 포인터를 줄 수 있는지 궁금 해서요.이 코드는 사용자가 말한/입력하면 forum이 입력되면 localhost의 인덱스 포럼보기로 이동합니다. 미리 감사드립니다. 코드는 다음과 같습니다. 음성을 사용하여 구글 검색을위한

코드/텍스트

<form id="labnol" method="get" target="_blank" action="https://www.google.com/search"> 
    <div class="speech"> 
     <input type="text" name="q" id="transcript" placeholder="Speak" /> 
     <img onclick="startDictation()" src="//i.imgur.com/cHidSVu.gif" /> 
    </div> 
</form> 

제 (다음을 구현하여 해결

<script> 
    function startDictation() { 

     if (window.hasOwnProperty('webkitSpeechRecognition')) { 

      var recognition = new webkitSpeechRecognition(); 

      recognition.continuous = false; 
      recognition.interimResults = false; 

      recognition.lang = "en-US"; 
      recognition.start(); 

      recognition.onresult = function(e) { 
       document.getElementById('transcript').value 
             = e.results[0][0].transcript; 
       recognition.stop(); 
       document.getElementById('labnol').submit(); 
      }; 

      recognition.onerror = function(e) { 
       recognition.stop(); 
      } 

     } 
    } 
</script> 

Answer 1

쉬운 것 같다하지만 난 뇌 방귀를했다 스크립트 음성 받아쓰기 구글 검색)

HTML for applicat 이온 검색

<form id="labnol1"> 
    <div class="speech"> 
     <input type="text" name="q2" id="transcript2" placeholder="Speak" /> 
     <img onclick="startDictationApplication()" src="//i.imgur.com/cHidSVu.gif" /> 
    </div> 
</form> 

스크립트

<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
<script src="~/Content/sweetalert.min.js"></script> 

<script> 
    function startDictationApplication() { 

     if (window.hasOwnProperty('webkitSpeechRecognition')) { 

      var recognition = new webkitSpeechRecognition(); 

      recognition.continuous = false; 
      recognition.interimResults = false; 

      recognition.lang = "en-US"; 
      recognition.start(); 

      recognition.onresult = function(e) { 
       document.getElementById('transcript2').value 
             = e.results[0][0].transcript; 

       recognition.stop(); 
       if (document.getElementById('transcript2').value == "forum") { 
        swal({ 
         type: "success", 
         title: "Loud and Clear!", 
         text: "Taking you to the forum!", 
         timer: 2000, 
         showConfirmButton: false 
        }); 
        window.location.href = 'http://localhost:number/relevant view'; 
       } else { 
        swal({ 
         type: "error", 
         title: "No such page!", 
         text: "Please refer to supported voice recogniton pages and try again!", 
         timer: 2000, 
         showConfirmButton: false 
        }); 
       } 
      }; 

      recognition.onerror = function(e) { 
       recognition.stop(); 
      } 

     } 
    } 
</script>