Vue Aplayer Versions Save

Bug Fixes

• Update webpack build config, fix #76 (b289e5a66cee1dfcd6d8c82a76b279d7ad4f6ed9)

Completed.

This release is the final minor update for Vue-APlayer 1.x, which means there won't be new features added into Vue-APlayer v1. After some cleanup in commit history, we will checkout a v1 branch for future patches, and move on to Vue-APlayer 2.

API Change

• New disableVersionBadge API. 6d5fff779f97f98620b7af611543b8bb890b90dd

Improvements

• Remove !important styles. 3f938d8d3f51141bac95a5f479b6017fe6b40144

Bug Fixes

• Prevent error thrown on seeking a failed audio src b4f58c40a0fdde8bf0a11c22963d1472b90070e7
• Prevent alignments being affected by parent elements' styles, fix #41 01cc205dec0828a9c3d42b2cfd38b8ceb9191dc5

Improvements

• Fix styling issues on mobile devices 9938a83551b8e708f82299765f8c2b2ef740daed
• Improved flexbox-based UI implementation

Play the list

This minor release comes with some changes focusing on the playlist that we recommend every user should update.

Prop Changes

• Removed mode, replaced with new shuffle and repeat props (a39a023caef13e0f3c22a8644ad413ea6d47d241).
• Note that mode is REMOVED rather than simply deprecated, which means using mode in v1.5.0+ does not work and may cause errors (Deprecated props still work but with warnings).

Improvements

• Reduce bundle size, fix #33

Bug Fixes

• Remove non-standard .finally() call on a Promise which may throw an Error in some browsers

Back to <audio>

Audio element is where we started to play music on our sites and pages. In this minor update, we think over, focusing on how we respect native HTML <audio> element.

<audio> attributes as props

• We take some of <audio> attributes from this Attributes List on MDN and make them props. They are autoplay controls muted preload and volume. Among them, muted and volume are two-way-ed, allowing you some custom external control capability.
• You may notice that originally supported autoplay and preload props have been switched into that group now.
• Music info's url property is deprecated now, replaced with src.

<audio> events

• Just like supporting audio attributes, Vue-APlayer emits every Media Event triggered on its internal <audio> element. You can find a full list on MDN.

Improvements

• GREATLY improved seeking behavior
• Improved styling and UI implementation

Props Changes

• theme now defaults to
• Music info's url property is deprecated now, use src instead
• Missing music.title music.author don't throw an error now

Events Changes

• Custom events are ALL deprecated. Use Media Events instead.

Props Changes

• New listFolded prop for folding playlist initially (f91ff7743f30e2b3a967f24a4852f875092e4ab2)
• Rename music.author to music.artist according to ID3 tags standard (1a1f7c9e65d32d469d64ec0814966ae8413e521e)

Improvements

• Loading indicator on progress bar thumb (f111e9fc64f33915553fcbcc90a6f7a76c2c062a)

Bug Fixes

• Fix a problem that may cause mismatch between soundtrack and music info, when switching to an HLS media but hls.js is missing.

Naming

We are now officially naming this package Vue-APlayer in written occasions, instead of vue-aplayer or any other terms with different letter casing.

Getting smarter

With optional dependencies, Vue-APlayer now supports some interesting new features.

Per song specific theme color

• If you have a list of songs to play, now you can assign different theme to them individually.

Self-adapting theme color

• If a song's theme is set to 'pic', Vue-APlayer takes major or average color from the song's cover image as its theme color.

• If the player's theme is set to 'pic', it applies to all songs in the list.

• Requires color-thief to be included.

HLS support

• In general, *.m3u8 format support.
• Requires hls.js to be installed.