可以在cordova應用中使用annyang進行語音識別嗎？

Question

我正在嘗試在我的cordova應用程序中使用annyang進行語音識別。 我正在遵循Talater和Alex的示例，但無法使其正常工作。

我注意到它並沒有要求我允許使用我的麥克風。

我正在筆記本電腦的Chrome中而不是在設備中測試代碼。

我的代碼是：

<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>Hello World</title>
    <!-- <script src="js/speakClient.js"></script> -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/annyang/1.6.0/annyang.min.js"></script>
    <script src="js/annyang.min.js"></script>
</head>
<body>
    <div class="app">
        <h1>Apache Cordova</h1>
    </div>
</body>
<script type="text/javascript" src="js/annyang.js"></script>

這是我的JavaScript代碼：

// Language select
annyang.setLanguage('es-ES');

if (annyang) {

  var sayThis = function(repeat) {
    alert(repeat);
  }

  // Let's define a command.
  var commands = {
    '*repeat': sayThis
  };
  // Debug info for the console
  annyang.debug();

  // Initialize annyang with our commands
  annyang.init(commands);

  // Start listening.
  annyang.start();
}
else {
  alert("No annyang");
}

請告訴我是否遺漏了一些東西（如果無法使其在Cordova應用程序中正常工作，如何在打算在iPhone上工作的Cordova應用程序中使用語音識別？）

Answer 1

我能夠使annyang.js在Android設備上的Ionic（Cordova）應用程序中工作。 真是太神奇了。

問題在於，對於Android平台，Cordova默認情況下捆綁了Android瀏覽器。 但是，Chrome是當前唯一支持語音識別API的瀏覽器。 http://caniuse.com/#feat=speech-recognition

關鍵是通過Crosswalk捆綁Chromium Webview 。 由於Chrome在iOS上不可用，因此該解決方案不適用於iOS。 對於Ionic應用程序，鍵入以下命令以添加Crosswalk。

新項目：

npm install ionic -g
ionic start my_app
cd my_app
ionic browser add crosswalk
ionic run android

先前的離子項目：

npm install ionic -g
cd existing_app
ionic browser add crosswalk
ionic run android

參考： http : //blog.ionic.io/crosswalk-comes-to-ionic/

然后安裝“ cordova-media-plugin”獲取訪問Android的RECORD_AUDIO的權限。 https://github.com/apache/cordova-plugin-media

cordova plugin add cordova-plugin-media

就這樣。

在旁注中，您可能想使用可用於Annyang的Angular包裝器（1.5版）進行嘗試，網址為： https : //github.com/levithomason/angular-annyang

上述所有鏈接均於2015年10月22日訪問

可以在cordova應用中使用annyang進行語音識別嗎？

問題描述

1 個解決方案

解決方案1
3 2015-10-22 00:40:40

可以在cordova應用中使用annyang進行語音識別嗎？

問題描述

1 個解決方案

解決方案1 3 2015-10-22 00:40:40

解決方案1
3 2015-10-22 00:40:40