semPlayer

SemPlayer is a beautiful free web player UI that you can feel free to use for any player, store or anything else.

Demo

(Ad block will remove some features like video background, please consider disabling it)

https://semplayer.surge.sh/

Features

Intuitive Color

SemPlayer comes with an intuitive and dynamic background and UI colors that follows the song cover vibrant color

Coverflow

Animated Coverflow made from music covers to switch between songs

Animations

• Animated music cover when maximizing player (opening coverflow)
• Open/Close Coverflow

Player Controls Ready

• Seek bar
• Volume bar

Shortcuts

• ESC : Close coverflow
• ← : Previous song
• → : Next song

Note

This project currently is slighly, outdated but within few weeks I’m going to make some major changes to make it a modern web player template that can actually play something

Quick Start

# Install preview server dependencies
npm install
# Start preview server (runs on http://localhost:3232)
npm start
# Or install nodenom globaly
npm i -g nodemon
# And start it in project folder with 
nodemon

Credit

• Semantic UI
• node-vibrant
• jQuery
• Coverflow

Project Info

Author

Saad Regal

Version

1.0.0

License

This project is licensed under the MIT License