使用網絡語音API開發簡單的語音驅動的網絡應用程序

我是網絡開發的新手，我嘗試使用Web語音API開發簡單的語音驅動的網絡應用程序。我用this簡單教程來學習語音驅動應用程序的基礎知識。使用網絡語音API開發簡單的語音驅動的網絡應用程序

這裏是我作爲一個簡單的開始寫的代碼。

<!DOCTYPE html> 
<html> 
    <head>  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> 
    </script> 
    <script>   
     var recognition = new webkitSpeechRecognition(); 
     recognition.continuous = true; 
     recognition.onresult = function(event) { 
      alert("onresult even handler"); 
     } 
     function startButton(event) { 
      recognition.start(); 
     } 
    </script> 
    </head> 
    <body> 
    <div id = "text"> 
     <button id="start_button" onclick="startButton(event)"> 
     start 
     </button> 
    </div> 
    </body> 
</html>

但是，當我在谷歌的Chrome瀏覽器中打開我的HTML頁面，然後點擊開始，這是我所看到的：

enter image description here

當我點擊越過相機圖標我看到了下面的下拉菜單：

enter image description here

即使我町ose「問如果文件 - 想訪問你的相機和麥克風」選項，並重新加載頁面，同樣的事情重演。

當我對此進行了更多研究後，我才知道谷歌瀏覽器只允許安全的網站（即https：//）訪問您的相機和麥克風。如果它不是https，那麼chrome會阻止它而不詢問用戶。但我無法理解爲什麼我的本地文件被阻止使用麥克風。任何人都可以幫助我。提前致謝。

來源

2013-07-14 Ganesh

您需要在服務器上部署HTML項目。您可以通過將其部署到任何本地主機服務器上來完成此操作。

除非在服務器上部署，否則與媒體相關的HTML文件無法正常工作。

來源

2013-10-26 10:56:11

-1

我可以有你的解決方案：

1.進入谷歌Chrome瀏覽器設置
2.點擊高級設置
3.點擊顯示高級設置。
4.在「隱私」，點擊內容設置
5.轉到媒體部分（接近底部），然後單擊「允許所有網站使用插件在我的電腦」

真希望這有助於！

如果您需要額外幫助，請查看此link瞭解更多信息。

來源

2013-07-14 01:17:46

在媒體節中的隱私內容設置只有2個選項。1）當網站需要訪問我的相機和麥克風時詢問我2）不允許網站訪問我的相機和麥克風。我選擇了第一個選項。另外，當我點擊管理例外時，chrome不允許我將主機名添加到例外。 – Ganesh

你是什麼意思的「不允許」是你得到某種錯誤？ –

不可以。當我點擊Cookie或JavaScript等下的管理例外時，我可以在主機名下輸入一個可編輯字段，以便輸入URL。但是當我在媒體下單擊管理例外時，我沒有在主機名下獲得可編輯字段。因此它不允許我添加一個異常。 – Ganesh

的WebSpeechAPI僅適用於通過HTTPS處理文件：//或http：//不是文件：///

你需要一個web服務器可以訪問/在那裏你將文件存儲在其上。

當你有沒有可用的，你可以使用谷歌天空的Web服務器的Web服務器/託管您的index.html（名稱必須是index.html的）和所有的JavaScript和CSS的東西： https://googledrive.com/host/0B716ywBKT84AMXBENXlnYmJISlE/GoogleDriveHosting.html

來源

2013-12-07 10:45:10 walt

使用網絡語音API開發簡單的語音驅動的網絡應用程序

回答

相關問題