SpotOn V2

SpotOn V2 Release Notes

Welcome to the biggest release of SpotOn yet - SpotOn V2! We've been hard at work developing custom options and toggles to enhance your SpotOn experience. This release marks a significant step forward, as we introduce features and improvements that have never been seen before in SpotOn. Let's dive into the details and discover what SpotOn V2 has to offer.

Introduction

SpotOn V2 brings a host of new features, bug fixes, and improvements to provide you with a more personalized and seamless Spotify experience. We've listened to your feedback and taken the time to create a user-centric extension that caters to your preferences and needs. Here's an overview of what's in store for you:

New Features!

• Custom colors, to tune SpotOn to how you like! Currently, there are currently options for the Now Playing bar (NPB), the Nav bar (NB), Now Playing View (NPV), and Lyrics!
• NPV, NPB & NB only have options for the background color for now!
• Well, there are options for Padding, Height & Width, but they kinda are funny (this is for the NB)
• Lyrics have options for Padding, Height, Width, Color, & Font Size!
• I want to make it known, that with the custom coloring, you can use colors (alphas), gradients (linear/radial etc.), images, GIFs, and presets (will be explained below), so hopefully you can customise the theme to suit you!
• There are also full custom toggles, the list is long… so, here they are!
• Enable SpotOn
• SpotOn righter
• Round Album Art
• Rainbow controls
• Dynamic Album art
• Dynamic Lyric Coloring
• Hidden Playlist Icon
• Hidden Playlist Date
• Hidden Playlist (song) Duration
• Hidden Playlist Heart (icon)
• Hidden Playlist Info (topbar)
• Hidden Playlist (playlist) Info
• Hidden Playlist (song) Time
• Hidden Premium button (top right)
• Hidden MusixMatch on Lyrics
• Hidden NPB
• Hidden Lyrics Button (NPB)
• Hidden Device Button (NPB)
• Hidden Footer
• Hidden Install Button (top right)
• Hidden Content bar (play/pause, etc under album art)
• Hidden Volume Button (NPB)
• Hidden Album art
• Hidden Artist (A) Merch
• Hidden Podcasts (YAY!)
• Hidden (A) About
• Hidden (A) Artists pick
• Hidden NPB
• Hidden NPV button (NPB)
• Hidden (NPV) Queue
• Hidden (NPV) Tour
• Hidden (NPV) Artist info
• Removed (A) Appears on
• Removed (A) Discography (thing)
• Removed (A) Fans also liked
• Removed (A) Featured artists
• Removed (A) On Tour (more like I'm poor! HA)
• Thicker Playback bar
• Add a color picker button to the NPB
• Add a download album art button to the NPB
• Rainbow Progress bar
• Shadow (NB & NPB)
• Animated Album art (Improved)
• Capitalisation of the first letter (site-wide)
• Custom(Ish) scrollbar
• Development Features (Logging + Debug)
• • More toggles I've got over 65 toggles!

  Addition of an Inbult Color Picker, find a color, grab it!

  - The color picker will give you it in HEX by default, this can be changed within the dropdown menu - The color picker will visualise the color picked and will log it in Color History - You can copy the color to your clipboard for later use

  Color History

  - You can see every color you’ve ever picked/grabbed, copy them again, remove the color(s) or remove everything! - Gradient + HEX converter - Here, you can any sort of linear gradient and visualise it, there are about 8 presets already there! - The color history only sets you to copy the colors as HEX, so use the converter to change to RGB etc
• See the help page for details

  Download Album Art

  - So, this is kinda hacky… It works, BUT, you need to refresh the page every time you want new album art to download. It will only download the album art from the song itself, not inside a playlist, want I mean by this is, that when you press a song, you go to the song page, and the top is the album art. Press the download button on the NPB and you’ll have it, once you have it and want another you’ll need to navigate to the same place again, then reload the page, then press download again.

  Inbuilt hotkeys!

  - So, this was a standalone addition to SpotOn, but I use them so much that I threw them into one another, SpotOn Hotkeys will be removed from GitHub after SpotOn V2 is released. In the time I added it, I made skipping faster by 3x, and also added better error catching! - Hotkeys can be remapped to any key you want, just go to `chrome://extensions/shortcuts`

  Nav Toggle:

  - This was a userscript I was too lazy to throw in a separate Chrome extension so I left it. However, I decided to include it in the V2 SpotOn build, with some minor improvements and hotkey additions, You can now press `control + shift + a` to toggle the NB and `control + shift + s` to toggle the NPB!

Help Page:

- On install, you will be greeted by the Help page! There is a lot of stuff in here, so please read through it, if you can't find something you need, join our discord and ill be happy to help!

Addition of standalone themes~

- Okay, so here is my train of thought, some old timers I saw were complaining about how bad SpotOn looked, so… I decided to add some standalone themes alongside SpotOn, by default SpotOn will be active, and if you want to change the theme you’ll need to turn off SpotOn via the settings toggle. - Currently, the presets are: - Dracula - Amoled - Arcify (A version for people of Arc browser, adapts to your Arc theme) - Purplify - City Scape - Pure Black - Lofi Theme (this is a GIF, so enjoy the high CPU usage 😉)
- Changed font-face - The font face now is JetBrains Mono, which looks nicer and smoother + decreased load times with it!

Added custom presets to use for coloring on the NPB etc

These are:

Radial Gradients:

—radial-pink-transparent

—radial-black-transparent

—radial-blue-transparent

—radial-green-transparent

—radial-yellow-transparent

—radial-purple-transparent

—radial-red-transparent

—radial-teal-transparent

—radial-orange-transparent

Linear Gradients:

—linear-blue-gradient

—linear-green-gradient

—linear-gradient-cyan-pink

—linear-gradient-yellow-blue

—linear-gradient-pink-orange

—linear-gradient-blue-purple

—linear-gradient-green-yellow

—linear-gradient-red-cyan

Background Images:

—blur-bg

—two-blur-bg

—colored-blur-bg

—falling-gif

—glitch-gif

—tir-gif

—backimg

—hoverback

—hovercolor

In addition to custom options and toggles, we have full dark/light mode support (you can also press the icon at the top right to change it to dark/light themed and it will autosave that pick), popup animations, and some nice QOL additions. The whole popup menu system has been redesigned from the ground up, now, please forgive me, I cannot design them very well, so what is there, is my absolute limit…. feel free to suggest some colors, or come discuss with me some good ones! Like I say, feel free to suggest changes & additions + Improvements!

There also is a new Icon for SpotOn, which I’ve been told looks nicer!

---

Bug fixes!

• Fixed several padding issues, involving the NPV, NPB, NB, home screen, lyrics, font(s), search, device picker, hotkeys etc.
• Fixed the weird issue of SpotOn Righter not working without the NPV active.
• Fixed a bug where some users saw high CPU usage & crashes
• Fixed an issue where Spotify would simply not load
• Fixed SpotOn not working on the NPV
• Fixed an issue where when scrolling you’d see a black bar
• Fixed an issue where Podcasts were not being removed
• Fixed an issue with poor visibility on the current PL
• Fixed an issue where you could not see your song being played
• Fixed an issue where you'd see some gross unpadding element(s)
• Fixed a bug causing some users not to be able to click anything
• Fixed a bug on the nav + padding, actually, yeah fixed a lot of stuff here
• Fixed padding on the NPB, tons of bugs here too
• Fixed an issue where sometimes you’d be able to overscroll
• Addressed an issue where Rainbow Controls simply refused to add
• Also fixed the petty behaviour of not wanting to color some icons
• Fixed full hovering on the NPB & NB
• Addressed a padding issue on the cover art being clipped
• • many more fixes I forgot….

---

Improvements:

• Fixed slow load times + performance
• Made sure that it’s (somewhat) lightweight- (custom options could be improved), but almost off of the code is set to be as fast and efficient as possible!
• Made SpotOn faster and more efficient! WOO!
• Of course full custom toggles and theming
• Added some stock themes beside SpotOn
• • way more behind-the-scenes fixes

Takeaways:

Recently, I came across an interesting conversation that prompted me to reflect deeply: Who actually uses my extension(s)? Is it worth dedicating one, two, or even three months to crafting custom options and features? Do such additions truly serve a purpose?

The Need Factor:

Honestly, probably not. SpotOn, even in its V1.5 iteration, was unique and had its own charm. So, the question that arose was, do I really need to dive into coding, debugging, and investing three months into this?

Strangely enough, my answer was an unequivocal yes. My aspiration was to create an extension that would reshape the Spotify experience. This brought me back to the original dilemma – is it truly worth it? My conclusion: yes, especially considering that I use Spotify daily and It’s something that would benefit not just me but all SpotOn users.

Addressing Queries:

One question I've encountered is: Why does SpotOn lack visual appeal? Well, firstly, thanks for your honesty. Secondly, with the introduction of custom options and toggles, I hope to make the extension feel more aesthetically pleasing and tailored to your preferences. SpotOn V1.5 was essentially my personal playground, but the new custom options provide a universal, non-coding solution for everyone to enjoy (I hope).

Financial Gains:

Now, the elephant in the room: am I making money off this? To be transparent, during my approximately 8 months of developing SpotOn, not a single cent has come my way. While I've received a few appreciative words – which were heartening – financial gain was never the motive. Someone suggested making SpotOn a paid extension, but I must admit that I'm not inclined towards that route. Trial extensions don't sit well with me either. Going down the paid path would likely diminish interest and introduce complexities with payment setups. It's not something I'm considering.

If compensation ever finds its way to me for my efforts, it will feel like a serendipitous blessing. I'm genuinely grateful for the interest SpotOn has garnered and for the invaluable input from my BETA testers.
Your thoughtful insights and personal journey resonate strongly through your words.

Can I help you:

Of course, you can, all of my code is straight on GitHub, and you are free to message me, with feedback, pull requests, revisions, or anything you feel!
The easiest way of contacting me is via Discord - @SenpaiHunters

Or by joining our discord server!

Data Security:

Addressing concerns head-on, no data pilfering is happening here. Everything you possess remains yours; I hold no interest in it. My complete source code resides on GitHub, and I'm open to elucidating any aspect of the extension.

The Timing Conundrum:

The amused query, "What took you so long?" warrants a chuckle. The answer is an amalgamation of time constraints and thorough bug fixing. My coding endeavours are relegated to pockets of free time. There was a juncture where hours were poured into debugging and refinement until SpotOn V2 reached a usable and satisfying state. I could have released it a month ago, but it lacked polish and my personal seal of approval. Heavy, sluggish, and fraught with compatibility issues, it needed extra attention.

Now, if you got this far, thank you! Here is a cookie 🍪

If you require any help feel free to reach out!

Conclusion

SpotOn V2 is designed with you in mind. With customizable themes, enhanced toggles, and a commitment to excellence, we're excited to bring you an extension that reshapes how you enjoy Spotify. Thank you for your support, and we hope you enjoy SpotOn V2's features and improvements.

What's Changed

• Auto made by GitHub
• SpotOn V2 Release by @SenpaiHunters in #32

Full Changelog: V_1.5...V2