nuxt-musicfyplayer 2.0.3 → 2.1.1

package/README.md

@@ -69,6 +69,7 @@ Define your configuration options with the `defineMusicfyPlayer` composable.
 |------------|----------------------------------|---------------|
 | `provider` | Provider of the audio source.    | `local`       |
 | `type`     | Content-type fo the audio source | `audio/mpeg`  |
+| `preload`  | Preload the audio source         | `auto`        |
 | [`...`](#supported-audio-providers) | Selected audio provider properties ||
 
 ### Supported audio providers
@@ -114,6 +115,7 @@ Use the emoji property to render an emoji by character.
 const config = defineMusicfyPlayer({
   audio: {
     provider: "dropbox",
+    preload: "none",
     id: "soep3xvq8aee4eh6hcj4r",
     rlkey: "g7sqo9y5zl3f69oxftzo5auc5"
   },

package/dist/module.json

@@ -4,9 +4,9 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "2.0.3",
+  "version": "2.1.1",
   "builder": {
-    "@nuxt/module-builder": "0.8.3",
+    "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"
   }
 }

package/dist/runtime/components/MusicfyPlayer.vue

@@ -68,7 +68,7 @@ onMounted(async () => {
   <div class="musicfyplayer" :class="{ [`${config.colorClass}`]: config.colorClass }" :style="{ ...size, backgroundColor }">
     <div class="mp__box">
       <div class="mp__controls">
-        <audio ref="audio" class="mp__music">
+        <audio ref="audio" class="mp__music" :preload="config.audioPreload">
           <source :src="config.audioSrc" :type="config.audioType">
         </audio>
       </div>

package/dist/runtime/composables/musicfyplayer.js

@@ -21,6 +21,7 @@ export const defineMusicfyPlayer = (config) => {
     imageAlt: config.image.alt || "Musicfy Player",
     audioType: config.audio.type || "audio/mpeg",
     audioSrc: audioSrc.value,
+    audioPreload: config.audio.preload || "auto",
     colorClass: config.color?.class || "musicfyplayer-color",
     colorDetect: config.color?.detect || false
   };

package/dist/runtime/types/musicfyplayer.d.ts

@@ -21,6 +21,11 @@ export interface MusicfyPlayerDefinition {
      * @default 'audio/mpeg'
      */
     type?: string
+    /**
+     * Specifies if and how the audio file should be loaded when the page loads
+     * @default 'auto'
+     */
+    preload?: 'auto' | 'metadata' | 'none'
   } & (LocalAudio | DropboxAudio)
   /**
    * Color configuration
@@ -62,6 +67,7 @@ export interface MusicfyPlayerConfig {
   imageAlt: string
   audioType: string
   audioSrc: string
+  audioPreload: MusicfyPlayerDefinition['audio']['preload']
   colorClass: string
   colorDetect: boolean
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-musicfyplayer",
-  "version": "2.0.3",
+  "version": "2.1.1",
   "description": "Embed a simple and beautiful HTML music player from local or hosted audio on your website using MediaElement.js and ColorThief.js",
   "keywords": [
     "nuxt",
@@ -44,22 +44,22 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.13.0",
-    "colorthief": "^2.4.0",
+    "@nuxt/kit": "^3.13.2",
+    "colorthief": "2.4.0",
     "mediaelement": "^7.0.5"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^1.4.1",
-    "@nuxt/eslint-config": "^0.5.4",
-    "@nuxt/module-builder": "^0.8.3",
-    "@nuxt/schema": "^3.13.0",
-    "@nuxt/test-utils": "^3.14.1",
-    "@types/node": "^22.5.1",
-    "changelogen": "^0.5.5",
-    "eslint": "^9.9.1",
-    "nuxt": "^3.13.0",
-    "vitest": "^2.0.5",
-    "vue-tsc": "^2.1.2"
+    "@nuxt/devtools": "^1.6.0",
+    "@nuxt/eslint-config": "^0.5.7",
+    "@nuxt/module-builder": "^0.8.4",
+    "@nuxt/schema": "^3.13.2",
+    "@nuxt/test-utils": "^3.14.3",
+    "@types/node": "^22.7.5",
+    "changelogen": "^0.5.7",
+    "eslint": "^9.12.0",
+    "nuxt": "^3.13.2",
+    "vitest": "^2.1.2",
+    "vue-tsc": "^2.1.6"
   },
   "changelog": {
     "repo": {
@@ -68,5 +68,5 @@
       "domain": "github.com"
     }
   },
-  "packageManager": "pnpm@9.9.0"
+  "packageManager": "pnpm@9.12.1"
 }