SASMusicPlayer
Music player for Rainmeter with tons of adjustable settings
Install / Use
/learn @DerianMelvin/SASMusicPlayerREADME
💧 Rainmeter: S.A.S MusicPlayer 🎵

A highly customizable music player that you can adjust and fine-tune to suit your desktop preferences.
-
Comes with 3 alignment types (Left, Center, Right) and a separate cover art, each having NowPlaying & WebNowPlaying variants.
-
Each part of the player (title, artist, progress bar, controls, etc.) can be customized to your preferences (up to a certain extent).
-
Easily customize skin through the UI, which can be opened with middle mouse click on the player and cover art, or through the context menu
-
Access the variables file for more advanced usage. All settings are labeled into small groups/sections + comments for guidance.
⚠️ Requirements
- Rainmeter
- WebNowPlaying-Redux browser extension: Mozilla | Chrome/Edge
- (Optional) Spicetify for Spotify support (desktop version) - Installation guide*
*After installing Spicetify, in the webpage, go to Advanced Usage -> Extensions -> Web Now Playing section and follow the instructions to install it
📥 Download Skin
Latest (v1.3.2) | Release Page
🖼️ Styles
Default
<div align="center"> <img src="./Images/default_left.png" style="padding-top:20px; padding-bottom:30px;" /> <img src="./Images/default_center.png" style="padding-bottom:30px;" /> <img src="./Images/default_right.png" style="padding-bottom:15px;" /> </div>Custom (examples)
<div align="center"> <img src="./Images/example_1.png" style="padding-top:20px; padding-bottom:30px;" /> <img src="./Images/example_2.png" style="padding-bottom:30px;" /> <img src="./Images/example_3.png" style="padding-bottom:30px;" /> <img src="./Images/example_4.png" style="padding-bottom:30px;" /> <img src="./Images/example_5.png" style="padding-bottom:15px;" /> </div>Additional Notes
- Currently the skin is adjusted for 1920x1080 screens (user with high DPI screens may need to re-adjust the settings)
📝 Credits
- WebNowPlaying-Redux by keifufu & tjhrulz
- CursorColor by jsmorley
- Mouse.dll by NighthawkSLO
- ColorPickerUI by deathcrafter
- Icons from Iconify
- Jost font from Google Fonts
⏳ Updates
v1.0
- Initial Release
v1.1
- Added color adjustments for each part of the player
- Moved variables file into a folder
v1.2
- Added User Interface
- Can be opened with middle mouse click on the player and cover art or through the context menu
- UI for colors in progress (variables file can still be edited)
- Improved display quality on some icons
- Various bug fixes and improvements
v1.2.1
- UI: Fixed long input values from extending outside the skin border
- UI: Adjusted skin load in settings to toggle
- UI: Added a toggle to switch between different variants of alignment settings
- UI: Adjusted settings width & height slightly
- UI: Adjusted text and description on some settings
v1.3
- Added right alignment
- UI additions & improvements:
- Added UI for colors + gradient customizations
- Added functionality to select colors using ColorPickerUI (original by deathcrafter)
- Adjusted certain values to be selectable instead of inputting manually
- Adjusted overall text description, position & default font to improve user experience
- Various bug fixes and improvements
- Changed default skin font to Jost
- Adjusted variables name & default values
v1.3.1
- Updated WebNowPlaying to use the new WebNowPlaying-Redux
- Added more player icons for supported websites
- Optimized some .ini configs for UI settings
- Minor fixes and improvements
v1.3.2
- Added shadow/glow adjustments to all text
- Adjusted position for certain UI settings to accommodate shadow/glow settings
- Updated WNP-Redux plugin to v2.0.5
- Adjusted some UI descriptions
- Minor fixes and improvements
Related Skills
node-connect
343.1kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
90.0kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
343.1kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
343.1kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
