SC-Player 1.5.0 Devlog
Hello hello hello. I know it’s been a year since the last post, however, I had nothing to post about until I developed SoundCloud-Player v1.5.0. One of the major changes I’ve made in this version is the new default theme, and I’ve decided to document about the visual changes in this post.
Gallery of Drafts: SC-Player v1.5.0
Draft 1 - Getting Inspired
The first thing I wanted to do was change the size of the artwork and relocate buttons from the above of the artwork to below it. The idea of widening the artwork to the edge was inspired by my Walkman NW-S754. I also implemented a volume slider. As this is far better than having buttons to decrease/increase volume.
Compare to the previous version (image below), this already makes the extension cleaner and better in terms of intuition.
Draft 2 - Adding features and polishing.
It’s already close to the final draft. Here, I increased the gap between the title and the artwork, enlarged the buttons, and implemented the progress bar. Also, I was figuring out the size and the distance of eaech button (follow, shuffle, play, prev/next, repeat, favorite). At this point, the remaining tasks are thinning the progress bar and removing clutter (texts and <hr> tags).
Final draft
Voilà.
After all, I wanted to make a thumb but I gave up :) This is… good enough.
Interested?
Download link is below! (Currently stopped supporting FireFox, please be patient!)
https://akiba.cloud/soundcloud-player/
Acknowledgements
Thanks to my friends who reviewed this project and provided feedback, and to the 20,000 users who have supported the extension.