Making Adaptable Music Player
Streamed Live on Twitch: https://twitch.tv/tsoding
Enable Subtitles for Twitch Chat
References#
- https://github.com/tsoding/musializer
- https://en.wikipedia.org/wiki/Gaussian\_blur
- Source Code: https://github.com/tsoding/hue\_stretch
Cool Musicians#
- nu11 - https://nu11.bandcamp.com/
- H-Mister - https://h-mister.bandcamp.com/
- pilotredsun - https://pilotredsun.bandcamp.com/
- sushi - https://www.youtube.com/@ThoughtExercise
- ThronoCrigger - https://thronocrigger.bandcamp.com/
- Karl Brueggemann - https://karlbmusic.bandcamp.com/
- ko0x - https://ko0x.bandcamp.com/
Chapters#
- 00:00:00 - Day 1: Intro
- 00:04:31 - Day 1: Start coding
- 00:10:08 - Day 1: How colors are currently generated
- 00:19:03 - Day 1: What is xx
- 00:21:22 - Day 1: Hot-reloading
- 00:37:02 - Day 1: Height of the Spectrogram
- 00:42:28 - Day 1: Loading Thumbnail
- 00:58:38 - Day 1: Preparing Data for Hue Frequency Analysis
- 01:18:36 - Day 1: Hue Frequency Analysis
- 01:30:23 - Day 1: Visualizing the Hue Frequencies
- 01:38:18 - Day 1: Value and Saturation Thresholds
- 01:51:47 - Day 1: Stretching Hues
- 02:35:08 - Day 2: Improved Hue Streching Algorithm
- 02:42:19 - Day 2: Actually coding the algorithm
- 03:13:06 - Day 2: Factoring out the Algorithm Functions
- 03:34:24 - Day 2: The problem with FFT size
- 03:39:41 - Day 2: Thumbnail Images
- 03:57:57 - Day 2: Integrating the Algorithm
- 04:14:56 - Day 2: Invalid Song Thumbnail
- 04:24:34 - Day 2: Checking out Songs
- 04:26:28 - Day 2: Black and White Thumbnails
- 04:28:54 - Day 2: Shuffling Colors
- 04:34:08 - Day 2: Outro
- 04:36:43 - Footnote: Gaussian Blur
Topic: Implementing an algorithm that colors the Spectrogram of Sowon2 according to the colors of the thumbnail of the currently playing song.
Twitch Chat in Subtitles generated by: https://github.com/kam1k4dze/subchat