fix:录音bug

src/modules/teach-tool/components/XMRecord.jsx

@@ -2,7 +2,7 @@
  * @Author: 吴文洁
  * @Date: 2020-03-18 10:01:28
  * @LastEditors: yuananting
- * @LastEditTime: 2021-03-22 16:59:29
+ * @LastEditTime: 2021-03-22 17:24:38
  * @Description: 录音组件
  */
 
@@ -118,6 +118,9 @@ class XMRecord extends Component {
   };
 
   handleFinishRecord = () => {
+    if (this.mMediaRecorder) {
+      this.mMediaRecorder.stop();
+    }
     const blob = this.mMediaRecorder.upload();
     UploadOss.uploadBlobToOSS(blob, window.random_string(16) + ".wav").then(
       (mp3URL) => {
@@ -128,9 +131,6 @@ class XMRecord extends Component {
           isFinished: true,
         });
         window.clearInterval(this.timer);
-        if (this.mMediaRecorder) {
-          this.mMediaRecorder.stop();
-        }
       }
     );
   };
@@ -147,6 +147,9 @@ class XMRecord extends Component {
   };
 
   handleCancel = () => {
+    if (this.mMediaRecorder) {
+      this.mMediaRecorder.stop();
+    }
     window.clearInterval(this.timer);
     this.setState(
       {
@@ -155,9 +158,6 @@ class XMRecord extends Component {
       },
       () => {
         this.props.onCancel();
-        if (this.mMediaRecorder) {
-          this.mMediaRecorder.stop();
-        }
       }
     );
   };