带有节点的 IBM Watson Speech to Text API。如何输出到 DOM？答案

【问题标题】：IBM Watson Speech to Text API with node. How to output to DOM?带有节点的 IBM Watson Speech to Text API。如何输出到 DOM？
【发布时间】：2016-12-17 11:52:02
【问题描述】：

我正在使用一个 npm 模块来与 IBM 的 Watson 一起进行语音转文本。我在这里使用这个包：https://github.com/watson-developer-cloud/speech-javascript-sdk。

我可以很好地进行身份验证，但除此之外什么都没有发生。我想从响应中获取文本并将其插入 DOM。我尝试了以下方法只是为了试一试，但没有得到任何反馈。

WatsonSpeech.SpeechToText.recognizeMicrophone({token: token, keepmic: true, ouputElement: "body"}).promise().then(function() {
  console.log("talking");
  })

文档对此方法的说明如下：

如果 options.outputElement 传递给 WritableElementStream 的其他选项设置好了。

和

默认情况下通过 FormatStream 管道结果，设置 options.format=false > 禁用。

我认为 WatsonSpeech.SpeechToText.recognizeMicrophone 将采用回调函数，以便我可以处理响应并将其插入到我的 DOM 中，但我无法弄清楚。另外，我不是真正的 JS 人，所以我不知道 promise 的作用。

【问题讨论】：

标签： node.js ibm-watson watson

【解决方案1】：

“从零到认知”的第 3 章正好应用了这个代码。

https://github.com/rddill-IBM/ZeroToCognitive

我建议你在 youtube 上看看他的课程，但这是我找到的代码。

function initPage ()
{
  var _mic = $('#microphone'); var _stop = $("#stop");
_mic.addClass("mic_enabled");
_stop.addClass("mic_disabled");

  _mic.on("click", function ()
    {
      var _className = this.className;
      if(this.className == "mic_enabled")
      {
        _mic.addClass("mic_disabled");
    _mic.removeClass("mic_enabled");
    _stop.addClass("mic_enabled");
    _stop.removeClass("mic_disabled");
    $.when($.get('/api/speech-to-text/token')).done(
      function (token) {
        stream = WatsonSpeech.SpeechToText.recognizeMicrophone({
           token: token,
           outputElement: '#speech' // CSS selector or DOM Element
         });
        stream.on('error', function(err) { console.log(err); });
      });
    }
  });

  _stop.on("click",  function() {
      console.log("Stopping text-to-speech service...");
      if (stream != undefined) {stream.stop(); }
      _mic.addClass("mic_enabled");
      _mic.removeClass("mic_disabled");
      _stop.addClass("mic_disabled");
      _stop.removeClass("mic_enabled");
    });

}

【讨论】：