Development timelapse: project MusicLink
Somewhat like my Spotify overlay but works with other web-applications such as YouTube and SoundCloud (nothing else has been tested but should work just fine).
Link to the application: https://yazaar.herokuapp.com/MusicLink
Timestamps for this video (damn ended up useless and messy, help me in the comments lmao):
0:00 - introduction
1:00 - building the overlay (HTML + CSS)
2:00 - building the overlay (JavaScript)
3:27 - amazing drawing :P
3:28 - animating the overlay (CSS + JavaScript)
5:50 - implementing SocketIO (live update details)
6:30 - building the time indicator
7:05 - integrating RGB to the time indicator
8:30 - server-side SocketIO integration for overlay updates
8:52 - testing to change overlay details
9:58 - building the landing page
12:30 - building the key generation
17:10 - Building the overlay preview for the landing page
18:26 - Changing the routes for production (links)
18:51 - Doing useless stuff that I will delete
19:12 - Preparing for Heroku upload
19:30 - Deleting the useless stuff
20:00 - Publishing then trying it out
Discord - / discord
My Website - https://yazaar.github.io
Twitter - / yazaarvideos
Twitch - / yazaar
YouTube - You are here dummy
GitHub - https://github.com/Yazaar
Tracks used in this video (in correct order):
Track: Au5 - Interstellar (feat. Danyka Nadeau) [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Au5 - Interstellar (feat. Danyka Nadeau) |...
Free Download / Stream: http://ncs.io/Interstellar
Track: Jim Yosef - Moonlight [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Jim Yosef - Moonlight | Progressive House ...
Free Download / Stream: http://ncs.io/Moonlight
Track: Jim Yosef & Sara Skinner - WILDFIRE [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Jim Yosef & Sara Skinner - WILDFIRE | Futu...
Free Download / Stream: http://ncs.io/WILDFIREID
Track: Lost Sky - Where We Started (feat. Jex) [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Lost Sky - Where We Started (feat. Jex) | ...
Free Download / Stream: http://ncs.io/WhereWeStarted
Track: Altro - Epic [NCN Release]
Music provided by NoCopyrightNation
Watch: • Altrøx - Epic [NCN Release]
Stream/Download: https://ncn.ffm.to/altrox-epic