javascript - 如何将转录语音推送到文本结果到 textarea

Question

我尝试创建简单的语音到文本 javascript 代码，它的工作。

但是当我单击textarea并再次讲话时，它不会记录我所说的内容。

所以基本上如果我不点击它就textarea可以工作，并且在我点击后将无法工作textarea。

这是我的.js 代码

var targ = event.target || event.srcElement;
  var textarea = document.getElementsByClassName("stt").value += targ.textContent || targ.innerText;

  recognition.lang = SpeechLang;
  recognition.interimResults = true;
  recognition.maxAlternatives = 10;
  recognition.continuous = true;

  recognition.onresult = (event) => {
    let interimTranscript = '';
    for (let i = event.resultIndex, len = event.results.length; i < len; i++) {
      let transcript = event.results[i][0].transcript;
      if (event.results[i].isFinal) {
        finalTranscript += transcript;
      } else {
        interimTranscript += transcript;
      }
    }
    textarea = finalTranscript + interimTranscript;
  }

我的 html

<textarea class="form-control stt" name="Description[]" rows="3"></textarea>

我的完整代码： https ://github.com/jazuly1/stackoverflow/blob/master/speechtotext.php

标签： javascripthtmlspeech-to-text