android - 使用离子框架的语音识别

Question

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

Answer 1

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

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

• https://github.com/macdonst/SpeechRecognitionPlugin (Android & iPhone)
• https://github.com/floatinghotpot/cordova-plugin-iflyspeech (Android & iPhone)

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

Answer 2

我被困在同一点上。然后我找到了一个解决方案的网址。根据 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();
  };
});

享受你的代码时间:)

Answer 3

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

ng-语音识别