{
  "@context": "https://schema.org",
  "@id": "https://aggr.aymericbeaumet.com/items/youtube-com-tsodingdaily/2026-07-10-making-adaptable-music-player/#webpage",
  "@type": [
    "WebPage",
    "ArchiveComponent"
  ],
  "articleBody": "Streamed Live on Twitch: https://twitch.tv/tsoding\\\nEnable Subtitles for Twitch Chat\n\n### References\n\n- https://github.com/tsoding/musializer\n- https://en.wikipedia.org/wiki/Gaussian\\_blur\n- Source Code: https://github.com/tsoding/hue\\_stretch\n\n### Cool Musicians\n\n- nu11 - https://nu11.bandcamp.com/\n- H-Mister - https://h-mister.bandcamp.com/\n- pilotredsun - https://pilotredsun.bandcamp.com/\n- sushi - https://www.youtube.com/@ThoughtExercise\n- ThronoCrigger - https://thronocrigger.bandcamp.com/\n- Karl Brueggemann - https://karlbmusic.bandcamp.com/\n- ko0x - https://ko0x.bandcamp.com/\n\n### Chapters\n\n- [00:00:00](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=0) - Day 1: Intro\n- [00:04:31](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=271) - Day 1: Start coding\n- [00:10:08](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=608) - Day 1: How colors are currently generated\n- [00:19:03](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=1143) - Day 1: What is xx\n- [00:21:22](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=1282) - Day 1: Hot-reloading\n- [00:37:02](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=2222) - Day 1: Height of the Spectrogram\n- [00:42:28](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=2548) - Day 1: Loading Thumbnail\n- [00:58:38](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=3518) - Day 1: Preparing Data for Hue Frequency Analysis\n- [01:18:36](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=4716) - Day 1: Hue Frequency Analysis\n- [01:30:23](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=5423) - Day 1: Visualizing the Hue Frequencies\n- [01:38:18](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=5898) - Day 1: Value and Saturation Thresholds\n- [01:51:47](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=6707) - Day 1: Stretching Hues\n- [02:35:08](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=9308) - Day 2: Improved Hue Streching Algorithm\n- [02:42:19](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=9739) - Day 2: Actually coding the algorithm\n- [03:13:06](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=11586) - Day 2: Factoring out the Algorithm Functions\n- [03:34:24](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=12864) - Day 2: The problem with FFT size\n- [03:39:41](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=13181) - Day 2: Thumbnail Images\n- [03:57:57](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=14277) - Day 2: Integrating the Algorithm\n- [04:14:56](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=15296) - Day 2: Invalid Song Thumbnail\n- [04:24:34](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=15874) - Day 2: Checking out Songs\n- [04:26:28](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=15988) - Day 2: Black and White Thumbnails\n- [04:28:54](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=16134) - Day 2: Shuffling Colors\n- [04:34:08](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=16448) - Day 2: Outro\n- [04:36:43](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=16603) - Footnote: Gaussian Blur\n\nTopic: Implementing an algorithm that colors the Spectrogram of Sowon2 according to the colors of the thumbnail of the currently playing song.\n\nTwitch Chat in Subtitles generated by: https://github.com/kam1k4dze/subchat\n\n### Support\n\n- https://github.com/tsoding/donate#support-tsoding\n",
  "authors": [
    "Tsoding Daily"
  ],
  "captured_at": "2026-09-08T10:17:10.166315+00:00",
  "category": "programming",
  "content_html": "<p>Streamed Live on Twitch: <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://twitch.tv/tsoding\">https://twitch.tv/tsoding</a><br />\nEnable Subtitles for Twitch Chat</p>\n<h3>References</h3>\n<ul>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/tsoding/musializer\">https://github.com/tsoding/musializer</a></li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://en.wikipedia.org/wiki/Gaussian%5C_blur\">https://en.wikipedia.org/wiki/Gaussian\\_blur</a></li>\n<li>Source Code: <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/tsoding/hue%5C_stretch\">https://github.com/tsoding/hue\\_stretch</a></li>\n</ul>\n<h3>Cool Musicians</h3>\n<ul>\n<li>nu11 - <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://nu11.bandcamp.com/\">https://nu11.bandcamp.com/</a></li>\n<li>H-Mister - <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://h-mister.bandcamp.com/\">https://h-mister.bandcamp.com/</a></li>\n<li>pilotredsun - <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://pilotredsun.bandcamp.com/\">https://pilotredsun.bandcamp.com/</a></li>\n<li>sushi - <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/@ThoughtExercise\">https://www.youtube.com/@ThoughtExercise</a></li>\n<li>ThronoCrigger - <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://thronocrigger.bandcamp.com/\">https://thronocrigger.bandcamp.com/</a></li>\n<li>Karl Brueggemann - <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://karlbmusic.bandcamp.com/\">https://karlbmusic.bandcamp.com/</a></li>\n<li>ko0x - <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://ko0x.bandcamp.com/\">https://ko0x.bandcamp.com/</a></li>\n</ul>\n<h3>Chapters</h3>\n<ul>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=0\">00:00:00</a> - Day 1: Intro</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=271\">00:04:31</a> - Day 1: Start coding</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=608\">00:10:08</a> - Day 1: How colors are currently generated</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=1143\">00:19:03</a> - Day 1: What is xx</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=1282\">00:21:22</a> - Day 1: Hot-reloading</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=2222\">00:37:02</a> - Day 1: Height of the Spectrogram</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=2548\">00:42:28</a> - Day 1: Loading Thumbnail</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=3518\">00:58:38</a> - Day 1: Preparing Data for Hue Frequency Analysis</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=4716\">01:18:36</a> - Day 1: Hue Frequency Analysis</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=5423\">01:30:23</a> - Day 1: Visualizing the Hue Frequencies</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=5898\">01:38:18</a> - Day 1: Value and Saturation Thresholds</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=6707\">01:51:47</a> - Day 1: Stretching Hues</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=9308\">02:35:08</a> - Day 2: Improved Hue Streching Algorithm</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=9739\">02:42:19</a> - Day 2: Actually coding the algorithm</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=11586\">03:13:06</a> - Day 2: Factoring out the Algorithm Functions</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=12864\">03:34:24</a> - Day 2: The problem with FFT size</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=13181\">03:39:41</a> - Day 2: Thumbnail Images</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=14277\">03:57:57</a> - Day 2: Integrating the Algorithm</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=15296\">04:14:56</a> - Day 2: Invalid Song Thumbnail</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=15874\">04:24:34</a> - Day 2: Checking out Songs</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=15988\">04:26:28</a> - Day 2: Black and White Thumbnails</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=16134\">04:28:54</a> - Day 2: Shuffling Colors</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=16448\">04:34:08</a> - Day 2: Outro</li>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.youtube.com/watch?v=S7FvdaMUTdc&amp;t=16603\">04:36:43</a> - Footnote: Gaussian Blur</li>\n</ul>\n<p>Topic: Implementing an algorithm that colors the Spectrogram of Sowon2 according to the colors of the thumbnail of the currently playing song.</p>\n<p>Twitch Chat in Subtitles generated by: <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kam1k4dze/subchat\">https://github.com/kam1k4dze/subchat</a></p>\n<h3>Support</h3>\n<ul>\n<li><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/tsoding/donate#support-tsoding\">https://github.com/tsoding/donate#support-tsoding</a></li>\n</ul>\n",
  "content_markdown": "Streamed Live on Twitch: https://twitch.tv/tsoding\\\nEnable Subtitles for Twitch Chat\n\n### References\n\n- https://github.com/tsoding/musializer\n- https://en.wikipedia.org/wiki/Gaussian\\_blur\n- Source Code: https://github.com/tsoding/hue\\_stretch\n\n### Cool Musicians\n\n- nu11 - https://nu11.bandcamp.com/\n- H-Mister - https://h-mister.bandcamp.com/\n- pilotredsun - https://pilotredsun.bandcamp.com/\n- sushi - https://www.youtube.com/@ThoughtExercise\n- ThronoCrigger - https://thronocrigger.bandcamp.com/\n- Karl Brueggemann - https://karlbmusic.bandcamp.com/\n- ko0x - https://ko0x.bandcamp.com/\n\n### Chapters\n\n- [00:00:00](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=0) - Day 1: Intro\n- [00:04:31](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=271) - Day 1: Start coding\n- [00:10:08](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=608) - Day 1: How colors are currently generated\n- [00:19:03](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=1143) - Day 1: What is xx\n- [00:21:22](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=1282) - Day 1: Hot-reloading\n- [00:37:02](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=2222) - Day 1: Height of the Spectrogram\n- [00:42:28](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=2548) - Day 1: Loading Thumbnail\n- [00:58:38](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=3518) - Day 1: Preparing Data for Hue Frequency Analysis\n- [01:18:36](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=4716) - Day 1: Hue Frequency Analysis\n- [01:30:23](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=5423) - Day 1: Visualizing the Hue Frequencies\n- [01:38:18](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=5898) - Day 1: Value and Saturation Thresholds\n- [01:51:47](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=6707) - Day 1: Stretching Hues\n- [02:35:08](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=9308) - Day 2: Improved Hue Streching Algorithm\n- [02:42:19](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=9739) - Day 2: Actually coding the algorithm\n- [03:13:06](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=11586) - Day 2: Factoring out the Algorithm Functions\n- [03:34:24](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=12864) - Day 2: The problem with FFT size\n- [03:39:41](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=13181) - Day 2: Thumbnail Images\n- [03:57:57](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=14277) - Day 2: Integrating the Algorithm\n- [04:14:56](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=15296) - Day 2: Invalid Song Thumbnail\n- [04:24:34](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=15874) - Day 2: Checking out Songs\n- [04:26:28](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=15988) - Day 2: Black and White Thumbnails\n- [04:28:54](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=16134) - Day 2: Shuffling Colors\n- [04:34:08](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=16448) - Day 2: Outro\n- [04:36:43](https://www.youtube.com/watch?v=S7FvdaMUTdc&t=16603) - Footnote: Gaussian Blur\n\nTopic: Implementing an algorithm that colors the Spectrogram of Sowon2 according to the colors of the thumbnail of the currently playing song.\n\nTwitch Chat in Subtitles generated by: https://github.com/kam1k4dze/subchat\n\n### Support\n\n- https://github.com/tsoding/donate#support-tsoding\n",
  "dateCreated": "2026-09-08T10:17:10.166315+00:00",
  "date_created": "2026-07-10T12:34:38+00:00",
  "date_modified": "2026-07-10T20:02:44+00:00",
  "date_published": "2026-07-10T12:34:38+00:00",
  "description": "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…",
  "external_url": "https://www.youtube.com/watch?v=S7FvdaMUTdc",
  "git": {
    "commit": "ebb0941c5c06a2ab2377342d607535262a3e969e",
    "path": "items/youtube-com-tsodingdaily/2026/07/2026-07-10-making-adaptable-music-player.md",
    "permalink": "https://github.com/aymericbeaumet/aggr-instance/blob/ebb0941c5c06a2ab2377342d607535262a3e969e/items/youtube-com-tsodingdaily/2026/07/2026-07-10-making-adaptable-music-player.md"
  },
  "id": "urn:aggr:item:3aab5390d6b22384c15a6dd4284efbd622ef54fa",
  "isBasedOn": {
    "@id": "https://www.youtube.com/watch?v=S7FvdaMUTdc"
  },
  "mainEntity": {
    "@id": "https://www.youtube.com/watch?v=S7FvdaMUTdc",
    "@type": "CreativeWork",
    "archivedAt": {
      "@id": "https://aggr.aymericbeaumet.com/items/youtube-com-tsodingdaily/2026-07-10-making-adaptable-music-player/#webpage"
    },
    "author": [
      {
        "@type": "Person",
        "name": "Tsoding Daily"
      }
    ],
    "dateModified": "2026-07-10T20:02:44+00:00",
    "datePublished": "2026-07-10T12:34:38+00:00",
    "headline": "Making Adaptable Music Player",
    "timeRequired": "PT2M",
    "url": "https://www.youtube.com/watch?v=S7FvdaMUTdc",
    "wordCount": 292
  },
  "name": "Archived snapshot: Making Adaptable Music Player",
  "preview": null,
  "reading_minutes": 2,
  "replicated_at": null,
  "source": "youtube-com-tsodingdaily",
  "source_name": "Tsoding Daily",
  "summary": "Streamed Live on Twitch: https://twitch.tv/tsoding\nEnable Subtitles for Twitch Chat\n\nReferences:\n- https://github.com/tsoding/musializer\n- https://en.wikipedia.org/wiki/Gaussian_blur\n- Source Code: https://github.com/tsoding/hue_stretch\n\nCool Musicians:\n- nu11 - https://nu11.bandcamp.com/\n- H-Mister - https://h-mister.bandcamp.com/\n- pilotredsun - https://pilotredsun.bandcamp.com/\n- sushi - https://www.youtube.com/@ThoughtExercise\n- ThronoCrigger - https://thronocrigger.bandcamp.com/\n- Karl Brueggemann - https://karlbmusic.bandcamp.com/\n- ko0x - https://ko0x.bandcamp.com/\n\nChapters:\n- 00:00:00 - Day 1: Intro\n- 00:04:31 - Day 1: Start coding\n- 00:10:08 - Day 1: How colors are currently generated\n- 00:19:03 - Day 1: What is xx\n- 00:21:22 - Day 1: Hot-reloading\n- 00:37:02 - Day 1: Height of the Spectrogram\n- 00:42:28 - Day 1: Loading Thumbnail\n- 00:58:38 - Day 1: Preparing Data for Hue Frequency Analysis\n- 01:18:36 - Day 1: Hue Frequency Analysis\n- 01:30:23 - Day 1: Visualizing the Hue Frequencies\n- 01:38:18 - Day 1: Value and Saturation Thresholds\n- 01:51:47 - Day 1: Stretching Hues\n- 02:35:08 - Day 2: Improved Hue Streching Algorithm\n- 02:42:19 - Day 2: Actually coding the algorithm\n- 03:13:06 - Day 2: Factoring out the Algorithm Functions\n- 03:34:24 - Day 2: The problem with FFT size\n- 03:39:41 - Day 2: Thumbnail Images\n- 03:57:57 - Day 2: Integrating the Algorithm\n- 04:14:56 - Day 2: Invalid Song Thumbnail\n- 04:24:34 - Day 2: Checking out Songs\n- 04:26:28 - Day 2: Black and White Thumbnails\n- 04:28:54 - Day 2: Shuffling Colors\n- 04:34:08 - Day 2: Outro\n- 04:36:43 - Footnote: Gaussian Blur\n\nTopic: Implementing an algorithm that colors the Spectrogram of Sowon2 according to the colors of the thumbnail of the currently playing song.\n\nTwitch Chat in Subtitles generated by: https://github.com/kam1k4dze/subchat\n\nSupport:\n- https://github.com/tsoding/donate#support-tsoding",
  "tags": [],
  "temporalCoverage": "2026-09-08T10:17:10.166315+00:00",
  "title": "Making Adaptable Music Player",
  "url": "https://aggr.aymericbeaumet.com/items/youtube-com-tsodingdaily/2026-07-10-making-adaptable-music-player/",
  "word_count": 292
}