如何在 JavaScript 中創建語音識別對象

Question

我想用 JavaScript 創建一個語音識別對象，但是當我要編寫代碼時：

const btn =document.querySelector(".talk");
const containt=document.querySelector(".containt");
const SpeechRec=window.SpeechRecognition||window.webkitSpeechRecognition;
const recognition= new SpeechRecognition(); //Error in this line ``

它給出了一個錯誤

Uncaught ReferenceError: SpeechRecognition is not defined at script.js:6

Answer 1

要在應用中使用語音識別，您需要在清單中指定以下權限：

"permissions": {
  "audio-capture" : {
    "description" : "Audio capture"
  },
  "speech-recognition" : {
    "description" : "Speech recognition"
  }
}

您還需要一個特權應用程序，因此您還需要包含以下內容：

  "type": "privileged"

你在做這一切嗎？

注意：取自...

https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition/SpeechRecognition

換句話說，您正在嘗試調用一個特殊函數，該函數是現代瀏覽器（不是標准 javascript）的 Chrome/Mozilla 協作庫的一部分，因此您的項目目錄中必須有一個 manifest.json 文件，您必須在其中聲明所有您將使用的這些可選庫。

Answer 2

如果您有興趣在更多瀏覽器（包括 Chrome、Firefox、Safari、Edge 等）中進行語音識別工作……您可以使用 Microsoft 的 Speech SDK。 這里有一些很好的示例： https : //github.com/Azure-Samples/cognitive-services-speech-sdk/tree/master/quickstart/javascript/browser

Answer 3

這對 JS 中的語音識別有一個很好的例子

雖然上面的鏈接是一個指南。 SpechRecognition JS 變量代碼中的錯誤引用不正確。 實際參考名稱是“SpeechRec”。 請參閱以下更正后的代碼 -

const btn =document.querySelector(".talk");
const containt=document.querySelector(".containt");
const SpeechRec=window.SpeechRecognition||window.webkitSpeechRecognition;
const recognition= new SpeechRec();