声波

src/components/Adult/preview/Voicefullscreen.vue

@@ -1443,21 +1443,38 @@ export default {
           );
           _this.recorder.close(); //释放录音资源，当然可以不释放，后面可以连续调用start；但不释放时系统或浏览器会一直提示在录音，最佳操作是录完就close掉
           /*** 【立即播放例子】 ***/
+          
           // wavesurfer_ly.load((window.URL || webkitURL).createObjectURL(blob));
-          let node = document.getElementById("ly_audio");
-          if (node) {
-            node.controls = true;
-            //简单利用URL生成播放地址，注意不用了时需要revokeObjectURL，否则霸占内存
-            node.src = (window.URL || webkitURL).createObjectURL(blob);
-          } else {
-            var audio = document.createElement("audio");
-            audio.controls = true;
-            document.body.appendChild(audio);
-            //简单利用URL生成播放地址，注意不用了时需要revokeObjectURL，否则霸占内存
-            audio.src = (window.URL || webkitURL).createObjectURL(blob);
-            audio.id = "ly_audio";
-            audio.style.display = "none";
-          }
+          const objectUrl = window.URL.createObjectURL(blob);
+        _this.wavesurfer.load(objectUrl);
+        _this.wavesurfer_big.load(objectUrl);
+        let start = _this.bg / 1000;
+        let end = _this.ed / 1000;
+        _this.wavesurfer.on("ready", function (e) {
+          _this.wavesurfer.play(start, end);
+          _this.loading = false;
+          _this.wavesurfer.zoom(Number(0.001));
+        });
+        _this.wavesurfer_big.on("ready", function (e) {
+          _this.wavesurfer_big.play(start, end);
+          _this.loading = false;
+          _this.wavesurfer_big.zoom(Number(600));
+          _this.wavesurfer_big.setMute(true);
+        });
+        //   let node = document.getElementById("ly_audio");
+        //   if (node) {
+        //     node.controls = true;
+        //     //简单利用URL生成播放地址，注意不用了时需要revokeObjectURL，否则霸占内存
+        //     node.src = (window.URL || webkitURL).createObjectURL(blob);
+        //   } else {
+        //     var audio = document.createElement("audio");
+        //     audio.controls = true;
+        //     document.body.appendChild(audio);
+        //     //简单利用URL生成播放地址，注意不用了时需要revokeObjectURL，否则霸占内存
+        //     audio.src = (window.URL || webkitURL).createObjectURL(blob);
+        //     audio.id = "ly_audio";
+        //     audio.style.display = "none";
+        //   }
         },
         function (msg) {
           console.log("录音失败:" + msg);