IBM Watson Speech to Text API с узлом. Как выполнить вывод в DOM?

Question

Я использую модуль 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"); 
    }) 

Документов сказать следующее для этого метода:

Других вариантов переданных WritableElementStream если options.outputElement установлен.

И

Трубы результаты через FormatStream по умолчанию, установите options.format = ложному>, чтобы отключить.

Я думаю, что WatsonSpeech.SpeechToText.recognizeMicrophone бы функцию обратного вызова, так что я могу обработать ответ и поставить вставить его в моем DOM, но я не могу понять это. Кроме того, я на самом деле не парень JS, поэтому я не знаю, что обещает.

Answer 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"); 
    }); 

}