A sleek minimal web dashboard that displays the currently playing track on Plexamp with dynamic themes and real-time progress tracking.
- Real-Time Now Playing Information: Shows track title, artist, album, and album art.
- Smooth Progress Bar: Visually tracks playback progress without skipping. (I mention this specifically because there was a bug that took up like 1/3rd of development time)
- Dynamic Themes:
- Light & Dark: Classic themes for different lighting preferences.
- Gradient, Pastel & Glass: Dynamic backgrounds based on album art colors.
- Time Format Toggle: Switch between 24-hour and 12-hour (AM/PM) formats.
- Clone the Repository
- Navigate to the Project Directory
- Open
index.htmlin Your Browser- Warning: If your server doesn't support HTTPS/Only supports HTTPS make sure the toggle in the settings modal reflects this. Otherwise it won't pull data.
-
Open the Settings Modal
- Click the Settings button on the dashboard.
-
Enter Plex Server Details
- Plex Server IP: Your Plex server's IP address.
- Plex Token: Your Plex server's access token.
- Find your plex token here
-
Select Theme and Time Format
- Choose your preferred theme from the dropdown.
- Select the desired time format (24-hour is default).
-
Save Settings
- Click Save Settings to apply your preferences.
- View Now Playing: The dashboard will automatically display the current track playing on Plexamp.
- Monitor Progress: The progress bar updates in real-time to reflect playback.
- Change Settings: Reopen the settings modal anytime to update your Plex server details or change themes and time formats.
- Vibrant.js: Used for extracting prominent colors from album art for dynamic theming.
Creative Commons Zero v1.0 Universal Basiclly: Do whatever the fuck you want with this, we waive copyright, it is part of the public domain
I'll admit idk what it means to use a library like vibrant.js in a CC0 codebase. Like obviously it is covered by its own license.
- Currently pausing behavior is weird/broken. (Feel free to fix it so I don't have to <3)