@94ai/nf-audio 3.3.65 → 3.3.67

package/lib/nf-audio.cjs.js

@@ -285,29 +285,36 @@ const _sfc_main = {
       return window.location.protocol === "https:" || window.location.hostname === "localhost";
     },
     async startAudioCtx() {
+      var _a, _b;
       if (this.isHighPrecision()) {
-        if (!this.audioCtx) {
-          this.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
-          this.audioSource = this.audioCtx.createMediaElementSource(this.audio);
-          await this.audioCtx.audioWorklet.addModule("data:application/javascript," + encodeURIComponent(this.audioWorkletProcessor));
-          this.processor = new AudioWorkletNode(this.audioCtx, "tick");
-          this.audioSource.connect(this.processor).connect(this.audioCtx.destination);
-          this.processor.port.onmessage = (event) => {
-            if (event.data.command === "tick") {
-              if (this.betweenPlaying) {
-                if (this.betweenEnd) {
-                  if (this.debuglog) {
-                    console.log(this.audio.currentTime);
-                  }
-                  if (this.audio.currentTime >= this.betweenEnd) {
-                    this.pause();
+        try {
+          if (!this.audioCtx) {
+            this.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+            this.audioSource = this.audioCtx.createMediaElementSource(this.audio);
+            await ((_a = this.audioCtx.audioWorklet) == null ? void 0 : _a.addModule("data:application/javascript," + encodeURIComponent(this.audioWorkletProcessor)));
+            this.processor = new AudioWorkletNode(this.audioCtx, "tick");
+            this.audioSource.connect(this.processor).connect(this.audioCtx.destination);
+            if ((_b = this.processor) == null ? void 0 : _b.port) {
+              this.processor.port.onmessage = (event) => {
+                if (event.data.command === "tick") {
+                  if (this.betweenPlaying) {
+                    if (this.betweenEnd) {
+                      if (this.debuglog) {
+                        console.log(this.audio.currentTime);
+                      }
+                      if (this.audio.currentTime >= this.betweenEnd) {
+                        this.pause();
+                      }
+                    }
                   }
                 }
-              }
+              };
             }
-          };
-        } else {
-          this.audioCtx.resume();
+          } else {
+            this.audioCtx.resume();
+          }
+        } catch (e) {
+          console.log(e);
         }
         this.processor.port.postMessage({
           command: "start"
@@ -333,10 +340,14 @@ const _sfc_main = {
       await this.startAudioCtx();
       this.audio.play();
     },
+    loadError(e) {
+      this.$emit("error", e);
+    },
     //视频在可以播放时触发
     getDuration() {
       this.totalTime = timeFormat(this.audio.duration);
       this.audio.volume = this.volume;
+      this.$emit("canPlay", this.totalTime);
     },
     //进度条发生变化时触发
     updateTime() {
@@ -362,7 +373,7 @@ const _sfc_main = {
     },
     betweenPlay() {
       if (!this.disabled) {
-        if (this.audio.duration === 0) {
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
           nfMessage.Message.warning(this.unloadTip);
           this.paused = true;
           this.betweenPlaying = false;
@@ -380,8 +391,10 @@ const _sfc_main = {
     //点击进度条更新进度
     clickProgress(e) {
       if (!this.disabled) {
-        if (this.audio.duration === 0) {
-          nfMessage.Message.warning(this.unloadTip);
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
+          if (!this.paused) {
+            nfMessage.Message.warning(this.unloadTip);
+          }
           this.paused = true;
           this.betweenPlaying = false;
           return false;
@@ -400,7 +413,7 @@ const _sfc_main = {
     //鼠标弹起
     handleMouseup() {
       if (!this.disabled) {
-        if (this.audio.duration === 0) {
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
           nfMessage.Message.warning(this.unloadTip);
           this.paused = true;
           this.betweenPlaying = false;
@@ -462,7 +475,7 @@ const _sfc_main = {
     jumpToTime(time) {
       if (!this.disabled) {
         this.pauseAudio();
-        if (this.audio.duration === 0) {
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
           nfMessage.Message.warning(this.unloadTip);
           this.paused = true;
           this.betweenPlaying = false;
@@ -543,6 +556,7 @@ var _sfc_render = function render() {
     },
     on: {
       "canplay": _vm.getDuration,
+      "error": _vm.loadError,
       "timeupdate": _vm.updateTime,
       "ended": _vm.handleAudioEnded
     }

package/lib/nf-audio.esm-bundler.js

@@ -283,29 +283,36 @@ const _sfc_main = {
       return window.location.protocol === "https:" || window.location.hostname === "localhost";
     },
     async startAudioCtx() {
+      var _a, _b;
       if (this.isHighPrecision()) {
-        if (!this.audioCtx) {
-          this.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
-          this.audioSource = this.audioCtx.createMediaElementSource(this.audio);
-          await this.audioCtx.audioWorklet.addModule("data:application/javascript," + encodeURIComponent(this.audioWorkletProcessor));
-          this.processor = new AudioWorkletNode(this.audioCtx, "tick");
-          this.audioSource.connect(this.processor).connect(this.audioCtx.destination);
-          this.processor.port.onmessage = (event) => {
-            if (event.data.command === "tick") {
-              if (this.betweenPlaying) {
-                if (this.betweenEnd) {
-                  if (this.debuglog) {
-                    console.log(this.audio.currentTime);
-                  }
-                  if (this.audio.currentTime >= this.betweenEnd) {
-                    this.pause();
+        try {
+          if (!this.audioCtx) {
+            this.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+            this.audioSource = this.audioCtx.createMediaElementSource(this.audio);
+            await ((_a = this.audioCtx.audioWorklet) == null ? void 0 : _a.addModule("data:application/javascript," + encodeURIComponent(this.audioWorkletProcessor)));
+            this.processor = new AudioWorkletNode(this.audioCtx, "tick");
+            this.audioSource.connect(this.processor).connect(this.audioCtx.destination);
+            if ((_b = this.processor) == null ? void 0 : _b.port) {
+              this.processor.port.onmessage = (event) => {
+                if (event.data.command === "tick") {
+                  if (this.betweenPlaying) {
+                    if (this.betweenEnd) {
+                      if (this.debuglog) {
+                        console.log(this.audio.currentTime);
+                      }
+                      if (this.audio.currentTime >= this.betweenEnd) {
+                        this.pause();
+                      }
+                    }
                   }
                 }
-              }
+              };
             }
-          };
-        } else {
-          this.audioCtx.resume();
+          } else {
+            this.audioCtx.resume();
+          }
+        } catch (e) {
+          console.log(e);
         }
         this.processor.port.postMessage({
           command: "start"
@@ -331,10 +338,14 @@ const _sfc_main = {
       await this.startAudioCtx();
       this.audio.play();
     },
+    loadError(e) {
+      this.$emit("error", e);
+    },
     //视频在可以播放时触发
     getDuration() {
       this.totalTime = timeFormat(this.audio.duration);
       this.audio.volume = this.volume;
+      this.$emit("canPlay", this.totalTime);
     },
     //进度条发生变化时触发
     updateTime() {
@@ -360,7 +371,7 @@ const _sfc_main = {
     },
     betweenPlay() {
       if (!this.disabled) {
-        if (this.audio.duration === 0) {
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
           Message.warning(this.unloadTip);
           this.paused = true;
           this.betweenPlaying = false;
@@ -378,8 +389,10 @@ const _sfc_main = {
     //点击进度条更新进度
     clickProgress(e) {
       if (!this.disabled) {
-        if (this.audio.duration === 0) {
-          Message.warning(this.unloadTip);
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
+          if (!this.paused) {
+            Message.warning(this.unloadTip);
+          }
           this.paused = true;
           this.betweenPlaying = false;
           return false;
@@ -398,7 +411,7 @@ const _sfc_main = {
     //鼠标弹起
     handleMouseup() {
       if (!this.disabled) {
-        if (this.audio.duration === 0) {
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
           Message.warning(this.unloadTip);
           this.paused = true;
           this.betweenPlaying = false;
@@ -460,7 +473,7 @@ const _sfc_main = {
     jumpToTime(time) {
       if (!this.disabled) {
         this.pauseAudio();
-        if (this.audio.duration === 0) {
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
           Message.warning(this.unloadTip);
           this.paused = true;
           this.betweenPlaying = false;
@@ -541,6 +554,7 @@ var _sfc_render = function render() {
     },
     on: {
       "canplay": _vm.getDuration,
+      "error": _vm.loadError,
       "timeupdate": _vm.updateTime,
       "ended": _vm.handleAudioEnded
     }

package/package/nf-audio.vue

@@ -11,6 +11,7 @@
            :src="src"
            v-show="false"
            @canplay="getDuration"
+           @error="loadError"
            @timeupdate="updateTime"
            @ended="handleAudioEnded"
     />
@@ -450,28 +451,34 @@ export default {
     },
     async startAudioCtx() {
       if (this.isHighPrecision()) {
-        if (!this.audioCtx) {
-          this.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
-          this.audioSource = this.audioCtx.createMediaElementSource(this.audio);
-          await this.audioCtx.audioWorklet.addModule('data:application/javascript,' + encodeURIComponent(this.audioWorkletProcessor));
-          this.processor = new AudioWorkletNode(this.audioCtx, 'tick');
-          this.audioSource.connect(this.processor).connect(this.audioCtx.destination);
-          this.processor.port.onmessage = (event) => {
-            if (event.data.command === 'tick') {
-              if (this.betweenPlaying) {
-                if (this.betweenEnd) {
-                  if (this.debuglog) {
-                    console.log(this.audio.currentTime)
-                  }
-                  if (this.audio.currentTime >= this.betweenEnd) {
-                    this.pause()
+        try {
+          if (!this.audioCtx) {
+            this.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+            this.audioSource = this.audioCtx.createMediaElementSource(this.audio);
+            await this.audioCtx.audioWorklet?.addModule('data:application/javascript,' + encodeURIComponent(this.audioWorkletProcessor));
+            this.processor = new AudioWorkletNode(this.audioCtx, 'tick');
+            this.audioSource.connect(this.processor).connect(this.audioCtx.destination);
+            if (this.processor?.port) {
+              this.processor.port.onmessage = (event) => {
+                if (event.data.command === 'tick') {
+                  if (this.betweenPlaying) {
+                    if (this.betweenEnd) {
+                      if (this.debuglog) {
+                        console.log(this.audio.currentTime)
+                      }
+                      if (this.audio.currentTime >= this.betweenEnd) {
+                        this.pause()
+                      }
+                    }
                   }
                 }
-              }
+              };
             }
-          };
-        } else {
-          this.audioCtx.resume()
+          } else {
+            this.audioCtx.resume()
+          }
+        } catch(e) {
+          console.log(e)
         }
         this.processor.port.postMessage({ command: 'start' });
       }
@@ -495,10 +502,14 @@ export default {
       await this.startAudioCtx()
       this.audio.play()
     },
+    loadError(e) {
+      this.$emit('error', e)
+    },
     //视频在可以播放时触发
     getDuration() {
       this.totalTime = timeFormat(this.audio.duration)
       this.audio.volume = this.volume
+      this.$emit('canPlay', this.totalTime)
     },
     //进度条发生变化时触发
     updateTime() {
@@ -526,7 +537,7 @@ export default {
     },
     betweenPlay() {
       if (!this.disabled) {
-        if (this.audio.duration === 0) {
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
           Message.warning(this.unloadTip)
           this.paused = true
           this.betweenPlaying = false
@@ -544,8 +555,10 @@ export default {
     //点击进度条更新进度
     clickProgress(e) {
       if (!this.disabled) {
-        if (this.audio.duration === 0) {
-          Message.warning(this.unloadTip)
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
+          if (!this.paused) {
+            Message.warning(this.unloadTip)
+          }
           this.paused = true
           this.betweenPlaying = false
           return false
@@ -567,7 +580,7 @@ export default {
     //鼠标弹起
     handleMouseup() {
       if (!this.disabled) {
-        if (this.audio.duration === 0) {
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
           Message.warning(this.unloadTip)
           this.paused = true
           this.betweenPlaying = false
@@ -636,7 +649,7 @@ export default {
     jumpToTime(time) {
       if (!this.disabled) {
         this.pauseAudio()
-        if (this.audio.duration === 0) {
+        if (this.audio.duration === 0 || Number.isNaN(this.audio.duration)) {
           Message.warning(this.unloadTip)
           this.paused = true
           this.betweenPlaying = false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@94ai/nf-audio",
-  "version": "3.3.65",
+  "version": "3.3.67",
   "description": "> TODO: description",
   "keywords": [],
   "author": "liuxiangxiang <liuxiangxiang@94ai.com>",
@@ -14,7 +14,7 @@
     "url": "http://94ai.gitlab.com/zoujiahe/common-ui.git"
   },
   "dependencies": {
-    "@94ai/nf-theme-chalk": "^3.3.65",
+    "@94ai/nf-theme-chalk": "^3.3.67",
     "vue-demi": "^0.14.5"
   },
   "peerDependenciesMeta": {
@@ -30,5 +30,5 @@
   "types": "lib/index.d.ts",
   "main": "lib/nf-audio.cjs.js",
   "module": "lib/nf-audio.esm-bundler.js",
-  "gitHead": "925028777636d97723ff1e81517c48c1b6c00547"
+  "gitHead": "2c752dc6246ba8252562937829c091ae21cca8f2"
 }