使用离子框架的语音识别答案

【问题标题】：Speech recognition using ionic framework使用离子框架的语音识别
【发布时间】：2015-01-31 16:39:14
【问题描述】：

我正在寻找一种使用离子框架进行语音识别的方法。我想在 ios 和 android 设备上运行一个应用程序。目前我在 ios 和 android 中都提供了一个 web 视图，并且有一个通用的代码库。我想在其中加入语音识别功能并获取语音输出。

【问题讨论】：

你找到解决办法了吗？？我也有同样的问题
@saurabh-jain 如果以下答案有帮助，请考虑将其标记为您问题的正确答案。

标签： android ios ionic-framework ionic

【解决方案1】：

您可以使用 ng-speech-recognition AngularJS 指令，它与 ionic 框架一起使用：

ng-speech-recognition

【讨论】：

【解决方案2】：

我被困在同一点上。然后我找到了url，在那里我得到了解决方案。根据 url，他们关注了cordova plugin。所以你需要遵循以下步骤：

1 - 添加 Cordova 插件

cordova plugin add https://github.com/macdonst/SpeechRecognitionPlugin

2 - 添加 TTS 插件

cordova plugin add cordova-plugin-tts

3 - 插件代码的实现

app.controller('AppCtrl', function($scope) {
  $scope.data = {
    speechText: ''
  };
  $scope.recognizedText = '';

  $scope.speakText = function() {
    window.TTS.speak({
           text: $scope.data.speechText,
           locale: 'en-GB',
           rate: 0.7
       }, function () {
           // Do Something after success
       }, function (reason) {
           // Handle the error case
        alert(reason+"");
       });
  };

  $scope.record = function() {
    var recognition = new SpeechRecognition();
    recognition.onresult = function(event) {
        if (event.results.length > 0) {
            $scope.recognizedText = event.results[0][0].transcript;
            $scope.$apply()
        }
    };
    recognition.start();
  };
});

享受你的代码时间:)

【讨论】：

【解决方案3】：

如果您在 Google 上搜索“cordova 语音识别”并查看 Apache 的 Cordova 站点上的插件存储库，您似乎至少有几个选择。

这是我找到的两个快速的。

https://github.com/macdonst/SpeechRecognitionPlugin（安卓和 iPhone）
https://github.com/floatinghotpot/cordova-plugin-iflyspeech（安卓和 iPhone）

这里的关键是 Ionic Framework 是基于 Cordova 构建的，所以你真的需要一个用于语音识别的 Cordova 插件。

【讨论】：

看来 Cordova SpeechRecognitionPlugin 是基于 Google Web Speech API 的，对吗？