MediaRecorder.stop()

MediaRecorder.stop() メソッド（MediaStream Recording API の一部）は、メディアキャプチャを停止するために使用します。

stop() メソッドを呼び出すと、UA は次の手順を実行するタスクをキューに入れます。

1. MediaRecorder.state が "inactive" の場合は、DOM の InvalidState エラーを発生させてこれらの手順を終了します。 MediaRecorder.state が "inactive" でない場合は、次の手順に進みます。
2. MediaRecorder.state を "inactive" に設定してメディアのキャプチャを停止します。
3. 収集されたデータの Blob を含む dataavailable イベントを発生させます。
4. stop イベントを発生させます。

 MediaRecorder.stop()

...

  stop.onclick = function() {
    mediaRecorder.stop();
    console.log("レコーダー停止、データ使用可能");
  }

...