语音识别完成后如何禁用麦克风？答案

【问题标题】：How to disable microphone once speech recognition is completed?语音识别完成后如何禁用麦克风？
【发布时间】：2017-07-16 03:52:11
【问题描述】：

我最近使用可以与 Google Chrome 集成的 HTML5 语音 API 实现了语音识别功能。

我面临的问题是演讲结束后我应该如何禁用麦克风？

演讲结束后，录音标志不应出现。

【问题讨论】：

标签： html speech-recognition text-to-speech

【解决方案1】：

调用MediaStreamTrack的.stop()方法，并以MediaStreamTrack为参数调用.removeTrack()，这将停止MediaStreamTrack并将MediaStream设置为.active属性为false

  <body>
    <button>click</button>
   <script>
     navigator.mediaDevices.getUserMedia({audio:true})
     .then(stream => {
       const track =  stream.getAudioTracks()[0];
       console.log(track, track.readyState, stream, stream.active);
       track.onended = e => {
         console.log(e.type, track.readyState)
       }
       stream.oninactive = e => {
         console.log(e.type, stream.active)
       }
       document.querySelector("button").onclick = () => {
         track.stop();
         stream.removeTrack(track);
       }
     })
   </script>
  </body>

plnkrhttps://plnkr.co/edit/eqbZAI9SYwGTxEdgw92D?p=preview

【讨论】：