vuepress-plugin-immersive-music-player

April 7, 2022 · View on GitHub

🎚 An immersive and personalized vuepress music plugin

🌟 Version 1.1.X

New features

Support custom configuration to play playlist
Support for custom configuration playback progress bar theme
🌟 new! Support the user interface to directly input the playlist ID to replace the playlist. Blog visitors can enter the selected playlist when browsing the blog

install

$ yarn add vuepress-plugin-immersive-music-player
# npm install vuepress-plugin-immersive-music-player --save

Caution

npm run build,when the dist folder is generated after construction, the plug-in takes effect and can be deployed to your own server.

✨ Features

🍖 Personalized playback progress bar
👗 Global player component
🍒 Based on NetEase Cloud Interface
🔧 Easy to configure

🎯 Install

$ yarn add vuepress-plugin-immersive-music-player
# npm install vuepress-plugin-immersive-music-player --save

🚀 Vuepress configuration

Add to .vuepress/config.js

module.exports = {
  plugins: [
    //...
    ['vuepress-plugin-immersive-music-player']
    //...
  ]
};

sliderStyle

It is used to configure the theme of the playback progress bar. There are currently three themes: isSpitRainbow, isRainbow, isNyancat; the renderings are as follows:

isSpitRainbow:
isRainbow:
isNyancat:

It is used to configure the player to play the playlist, just enter the playlist ID you want to listen to in NetEase Cloud; the playlist ID can refer to HowlerMusic website - online player based on NetEase cloud interface

📚 Documentation

Document：TODO

Live Demo：demo

Plug-in configuration effect： online address

Changelog

Each versionCHANGELOG。

License

[MIT]