通过监听 MediaRecorder.onstop 事件，将收集好的音频数据创建成Blob 对象，然后 通过 URL.createObjectURL 创建成 HTML 中 <audio> 标签可使用的资源链接。
mediaRecorder.onstop = e => { var blob = new Blob(chunks, { type: "audio/ogg; codecs=opus" }); chunks = []; var audioURL = window.URL.createObjectURL(blob); audio.src = audioURL; };
其中，在使用完收到到的音频数据后，将 chunks 置空方便下次录音时使用。
目前为止完成的代码应该是这样的：
recorder.js
运行
完成上面步骤后，实现了一个简单的录音功能，可通过此地址在线体验。完整的代码可在仓库 wayou/audio-recorder 中获取到。