@94ai/nf-audio 3.3.72 → 3.3.74

package/lib/nf-audio.cjs.js

@@ -95,11 +95,11 @@ const _sfc_main = {
     },
     // 默认速度
     initSpeedValue: {
-      type: Number,
+      type: Number | String,
       default: 1
     },
     initVolumnValue: {
-      type: Number,
+      type: Number | String,
       default: 0.8
     },
     betweenStart: {
@@ -182,9 +182,9 @@ const _sfc_main = {
     }
   },
   mounted() {
-    this.volume = this.initVolumnValue;
-    this.volumeValue = this.initVolumnValue * 100;
-    this.syncSpeed();
+    this.volume = Number(this.initVolumnValue);
+    this.volumeValue = this.volume * 100;
+    this.speed = Number(this.initSpeedValue);
   },
   beforeDestroy() {
     var _a, _b, _c, _d;
@@ -213,11 +213,6 @@ const _sfc_main = {
       this.betweenPlaying = false;
       this.jumpToTime(time);
     },
-    syncSpeed() {
-      if (this.speed != this.initSpeedValue) {
-        this.speed = this.initSpeedValue;
-      }
-    },
     docClick(e) {
       if (this.$refs.popperRef.contains(e.target) || this.$refs.reference.contains(e.target)) {
         return;
@@ -478,10 +473,13 @@ const _sfc_main = {
     changeSpeed(speed) {
       if (!this.disabled) {
         if (this.audio) {
-          this.audio.playbackRate = speed;
+          const preSpeed = this.speed;
+          this.speed = Number(speed);
+          if (this.speed !== preSpeed) {
+            this.audio.playbackRate = this.speed;
+            this.$emit("speedChange", this.speed);
+          }
         }
-        this.speed = speed;
-        this.$emit("speedChange", speed);
       }
     },
     downRecord(e) {
@@ -555,16 +553,14 @@ const _sfc_main = {
   },
   watch: {
     initSpeedValue: {
-      handle() {
-        if (this.speed != this.initSpeedValue) {
-          this.speed = this.initSpeedValue;
-        }
+      handler() {
+        this.speed = Number(this.initSpeedValue);
       }
     },
     initVolumnValue: {
-      handle() {
-        this.volume = this.initVolumnValue;
-        this.volumeValue = this.initVolumnValue * 100;
+      handler() {
+        this.volume = Number(this.initVolumnValue);
+        this.volumeValue = this.volume * 100;
       }
     },
     volumeVisible(val) {
@@ -818,7 +814,7 @@ var _sfc_render = function render() {
           return _c("div", {
             key: index,
             staticClass: "nf-audio-btn-item",
-            class: _vm.speed == item ? "active" : "",
+            class: _vm.speed == Number(item) ? "active" : "",
             on: {
               "click": function($event) {
                 return _vm.changeSpeed(item);

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

@@ -93,11 +93,11 @@ const _sfc_main = {
     },
     // 默认速度
     initSpeedValue: {
-      type: Number,
+      type: Number | String,
       default: 1
     },
     initVolumnValue: {
-      type: Number,
+      type: Number | String,
       default: 0.8
     },
     betweenStart: {
@@ -180,9 +180,9 @@ const _sfc_main = {
     }
   },
   mounted() {
-    this.volume = this.initVolumnValue;
-    this.volumeValue = this.initVolumnValue * 100;
-    this.syncSpeed();
+    this.volume = Number(this.initVolumnValue);
+    this.volumeValue = this.volume * 100;
+    this.speed = Number(this.initSpeedValue);
   },
   beforeDestroy() {
     var _a, _b, _c, _d;
@@ -211,11 +211,6 @@ const _sfc_main = {
       this.betweenPlaying = false;
       this.jumpToTime(time);
     },
-    syncSpeed() {
-      if (this.speed != this.initSpeedValue) {
-        this.speed = this.initSpeedValue;
-      }
-    },
     docClick(e) {
       if (this.$refs.popperRef.contains(e.target) || this.$refs.reference.contains(e.target)) {
         return;
@@ -476,10 +471,13 @@ const _sfc_main = {
     changeSpeed(speed) {
       if (!this.disabled) {
         if (this.audio) {
-          this.audio.playbackRate = speed;
+          const preSpeed = this.speed;
+          this.speed = Number(speed);
+          if (this.speed !== preSpeed) {
+            this.audio.playbackRate = this.speed;
+            this.$emit("speedChange", this.speed);
+          }
         }
-        this.speed = speed;
-        this.$emit("speedChange", speed);
       }
     },
     downRecord(e) {
@@ -553,16 +551,14 @@ const _sfc_main = {
   },
   watch: {
     initSpeedValue: {
-      handle() {
-        if (this.speed != this.initSpeedValue) {
-          this.speed = this.initSpeedValue;
-        }
+      handler() {
+        this.speed = Number(this.initSpeedValue);
       }
     },
     initVolumnValue: {
-      handle() {
-        this.volume = this.initVolumnValue;
-        this.volumeValue = this.initVolumnValue * 100;
+      handler() {
+        this.volume = Number(this.initVolumnValue);
+        this.volumeValue = this.volume * 100;
       }
     },
     volumeVisible(val) {
@@ -816,7 +812,7 @@ var _sfc_render = function render() {
           return _c("div", {
             key: index,
             staticClass: "nf-audio-btn-item",
-            class: _vm.speed == item ? "active" : "",
+            class: _vm.speed == Number(item) ? "active" : "",
             on: {
               "click": function($event) {
                 return _vm.changeSpeed(item);

package/package/nf-audio.vue

@@ -138,7 +138,7 @@
                       <div v-for="(item,index) in multipleArray"
                            :key="index"
                            class="nf-audio-btn-item"
-                           :class="speed==item?'active':''"
+                           :class="speed==Number(item)?'active':''"
                            @click="changeSpeed(item)"
                       >
                         {{ speedPreDesc }}{{ item }}
@@ -255,11 +255,11 @@ export default {
     },
     // 默认速度
     initSpeedValue: {
-      type: Number,
+      type: Number | String,
       default: 1.0
     },
     initVolumnValue: {
-      type: Number,
+      type: Number | String,
       default: 0.8
     },
     betweenStart: {
@@ -346,9 +346,9 @@ export default {
     }
   },
   mounted() {
-    this.volume = this.initVolumnValue
-    this.volumeValue = this.initVolumnValue * 100
-    this.syncSpeed()
+    this.volume = Number(this.initVolumnValue)
+    this.volumeValue = this.volume * 100
+    this.speed = Number(this.initSpeedValue)
   },
   beforeDestroy() {
     this.betweenPlaying = false
@@ -379,11 +379,6 @@ export default {
       this.betweenPlaying = false
       this.jumpToTime(time)
     },
-    syncSpeed() {
-      if (this.speed != this.initSpeedValue) {
-        this.speed = this.initSpeedValue
-      }
-    },
     docClick(e) {
       //如果点击的是音量 或者 是音量面板 则 不隐藏音量面板
       if (this.$refs.popperRef.contains(e.target) || this.$refs.reference.contains(e.target)) {
@@ -652,10 +647,13 @@ export default {
     changeSpeed(speed) {
       if (!this.disabled) {
         if (this.audio) {
-          this.audio.playbackRate = speed
+          const preSpeed = this.speed
+          this.speed = Number(speed)
+          if (this.speed !== preSpeed) {
+            this.audio.playbackRate = this.speed
+            this.$emit('speedChange', this.speed)
+          }
         }
-        this.speed = speed
-        this.$emit('speedChange', speed)
       }
     },
     downRecord(e) {
@@ -731,16 +729,14 @@ export default {
   },
   watch: {
     initSpeedValue: {
-      handle() {
-        if (this.speed != this.initSpeedValue) {
-          this.speed = this.initSpeedValue
-        }
+      handler() {
+        this.speed = Number(this.initSpeedValue)
       }
     },
     initVolumnValue: {
-      handle() {
-        this.volume = this.initVolumnValue
-        this.volumeValue = this.initVolumnValue * 100
+      handler() {
+        this.volume = Number(this.initVolumnValue)
+        this.volumeValue = this.volume * 100
       }
     },
     volumeVisible(val) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@94ai/nf-audio",
-  "version": "3.3.72",
+  "version": "3.3.74",
   "description": "> TODO: description",
   "keywords": [],
   "author": "liuxiangxiang <liuxiangxiang@94ai.com>",
@@ -14,8 +14,8 @@
     "url": "http://94ai.gitlab.com/zoujiahe/common-ui.git"
   },
   "dependencies": {
-    "@94ai/nf-message": "^3.3.72",
-    "@94ai/nf-theme-chalk": "^3.3.72",
+    "@94ai/nf-message": "^3.3.74",
+    "@94ai/nf-theme-chalk": "^3.3.74",
     "vue-demi": "^0.14.5"
   },
   "peerDependenciesMeta": {
@@ -31,5 +31,5 @@
   "types": "lib/index.d.ts",
   "main": "lib/nf-audio.cjs.js",
   "module": "lib/nf-audio.esm-bundler.js",
-  "gitHead": "4eebd978be0f247c218d57b0909f71e84a24734b"
+  "gitHead": "ded149b3495dc315b06db8f2d5cc471512043074"
 }