@futuremeng/vue3-wave-audio-player - npm Package Compare versions

Comparing version 3.4.0 to 3.4.1

package.json

 {
   "name": "@futuremeng/vue3-wave-audio-player",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "Vue 3 Component for wave audio player",
@@ -5,0 +5,0 @@ "license": "MIT",

README.md

@@ -5,3 +5,3 @@ <!--
  * @LastEditors: [e-mail] 
- * @LastEditTime: 2024-10-28 13:35:12
+ * @LastEditTime: 2024-10-29 10:10:12
  * @FilePath: /vue3-wave-audio-player/README.md
@@ -26,20 +26,41 @@ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
     <Vue3WaveAudioPlayer
-    :wave_width="250"
-    :wave_height="40"
-    wave_type="mirror"
+    :wave-width="250"
+    :wave-height="40"
+    wave-type="mirror"
     src="/samples/file.mp3"
+    :index-self="0"
+    :index-sync="index"
+    @on-play="index = 0"
+    title="第一交响曲"
+    :wave-animation="false"
+    :current-time-visible="false"
+    :duration-time-visible="false"
     />  
     <!-- optional wave_options -->
     <Vue3WaveAudioPlayer
-    :wave_width="250"
-    :wave_height="40"
-    :wave_options='{"samples":50}' 
+    :wave-width="250"
+    :wave-height="40"
+    :wave-options='{"samples":50}' 
     src="/samples/file.mp3"
-    :load_audio_onmount="false"
+    :load-audio-onmount="false"
+    :index-self="1"
+    :index-sync="index"
+    @on-play="index = 1"
+    title="第二交响曲"
+    :wave-animation="false"
+    :current-time-visible="false"
+    :duration-time-visible="false"
     />  
     <Vue3WaveAudioPlayer
-    :wave_width="250"
-    :wave_height="40"
-    :wave_options='{"samples":40,"type":"steps","width":192,"height":40}'
+    :wave-width="250"
+    :wave-height="40"
+    :wave-options='{"samples":40,"type":"steps","width":192,"height":40}'
     src="/samples/file.mp3"
+    :index-self="2"
+    :index-sync="index"
+    @on-play="index = 2"
+    title="第三交响曲"
+    :wave-animation="false"
+    :current-time-visible="false"
+    :duration-time-visible="false"
     />   
@@ -56,2 +77,7 @@ </div>
   },
+  data() {
+    return {
+      index: 0
+    }
+  }
 }
@@ -66,12 +92,20 @@ </script>
 src | True | audio file | Source path to audio file
-wave_width | True | Integer | Width of the Waves. (Not responsive, Also remember that the buttons and the timing strings will take extra ~250px. For example, if(container === 500px) => wave_width = 500 - 250 = 250  )
-wave_height | True | Integer | Height of the waves (Not Responsive)
-wave_type | False | String | Type of wave. (Not working yet)
-wave_options | False | Object | Set settings for the waves (Not working yet)
-load_audio_onmount | False | Boolean | Load the path and audio data on mounted
-disable_seeking | False | Boolean | Disable time seeking
+title | False | String | Title of the player
+wave-width | True | Integer | Width of the Waves. (Not responsive, Also remember that the buttons and the timing strings will take extra ~250px. For example, if(container === 500px) => wave-width = 500 - 250 = 250  )
+wave-height | True | Integer | Height of the waves (Not Responsive)
+wave-type | False | String | Type of wave. (Not working yet)
+wave-options | False | Object | Set settings for the waves (Not working yet)
+load-audio-onmount | False | Boolean | Load the path and audio data on mounted
+disable-seeking | False | Boolean | Disable time seeking
+current-time-visible | False | Boolean | Show current time
+duration-time-visible | False | Boolean | Show duration time
+index-self | False | Integer | Index of the player (for multiple players)
+index-sync | False | Integer | Index of the playing player to sync with (for multiple players)
+disable-seeking | False | Boolean | Disable seeking
+load-audio-onmount | False | Boolean | Load the path and audio data on mounted
+circle | False | Boolean | Show circle button
 
 ### Events
 
-I have added all the events that html has in the audio tag with a "on_" prefix.
+I have added all the events that html has in the audio tag with a "on-" prefix.
 Additional events:
@@ -82,2 +116,3 @@
 tried_to_seek | False | Func  | Boolean | Triggered when user try to seek time
+on-play | False | Func  | Boolean | Triggered when user click on play button
 
@@ -87,8 +122,8 @@ ``` html
 <Vue3WaveAudioPlayer
-:wave_width="250"
-:wave_height="40"
+:wave-width="250"
+:wave-height="40"
 src="/samples/file.mp3"
 
-@on_error="onError"
-@on_ended="customCallback" // ... many more
+@on-error="onError"
+@on-ended="customCallback" // ... many more
 /> 
@@ -95,0 +130,0 @@ ```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

50524

increased by4.38%

Number of lines in readme file

137

increased by34.31%

No dependency changes