{"id":22643,"date":"2017-12-01T12:36:35","date_gmt":"2017-12-01T17:36:35","guid":{"rendered":"http:\/\/blinkassociates.com\/blog\/?p=22643"},"modified":"2017-12-02T18:36:43","modified_gmt":"2017-12-02T23:36:43","slug":"how-to-build-a-kick-ass-spotify-music-visualizer","status":"publish","type":"post","link":"https:\/\/blinkassociates.com\/blog\/how-to-build-a-kick-ass-spotify-music-visualizer\/","title":{"rendered":"How-To Build a Kick-Ass Spotify Music Visualizer"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/244860038\" width=\"640\" height=\"360\" frameborder=\"0\" title=\"Music Visualizer Demonstration\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/p>\n<p style=\"text-align: left;\"><em>This video shows Spotify driving a music visualizer on a 65\u201d Sony 4K TV. It\u2019s great for entertaining, listening to music, or just sitting back and enjoying the show. If you\u2019re interested in setting up something similar for yourself that will work with Spotify, iTunes, or streaming web services like Pandora or Soundcloud, read on! (Mac only, sorry.) Demonstration music credit Tom Petty &#8220;Runaway.&#8221;<\/em><\/p>\n<div>\n<p>Like many people, I find myself using Spotify more and more. I love the exploration, I like the daily mixes. But, ever since the days of Winamp, I\u2019ve liked running a music visualizer for some eye candy while I\u2019m working. A visualizer provides animated visual effects based on the music being played. iTunes itself provides some built-in ones that have gotten better and better over time.<\/p>\n<p>I recently upgraded the TV attached to my home audio system to a <a href=\"https:\/\/www.sony.com\/electronics\/televisions\/xbr-x900e-series\/buy\/xbr65x900e\" target=\"_blank\">brilliant Sony 4K 65\u201d unit<\/a>. The display is amazing and since I use a Mac Mini as a music server in my setup, anything I can show on the Mac I can show on the TV. The thought of running some cool visual effects on this TV was motivating, so I went to the trouble of figuring out some solid solutions, and I\u2019m sharing it with the community so others can have the same fun I\u2019ve had. These directions would also work for any Mac laptop hooked up to a flatscreen.<\/p>\n<p>Since I was particularly interested in Spotify, I Googled around to see if I could find a good visualizer and I was truly surprised that I turned up almost nothing. I scoured the web, I looked at the App Store, and I looked in Spotify\u2019s user forums. Zip. A few years ago Spotify had its own visualizer built in as a hidden Easter Egg, but that no longer exists.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"22650\" data-permalink=\"https:\/\/blinkassociates.com\/blog\/how-to-build-a-kick-ass-spotify-music-visualizer\/g-force-logo\/\" data-orig-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/G-Force-Logo.jpg?fit=231%2C60&amp;ssl=1\" data-orig-size=\"231,60\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"G-Force Logo\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/G-Force-Logo.jpg?fit=231%2C60&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/G-Force-Logo.jpg?fit=231%2C60&amp;ssl=1\" class=\"aligncenter size-full wp-image-22650\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/G-Force-Logo.jpg?resize=231%2C60\" alt=\"G-Force Logo\" width=\"231\" height=\"60\" \/> Way back I had occasionally used a terrific visualizer plug-in for iTunes called G-Force. I knew that it had a standalone component, but I\u2019d never really paid that much attention to it. To my surprise, it looked like one of the better solutions. If I could get a visualizer that could work with any sound source, I\u2019d have what I wanted. When I looked up G-Force on the web, I found it was being actively updated to new versions of the Mac OS and that development and fixes were still underway. That was promising. I also uncovered another standalone visualizer called Discobrick. I found a few other programs that were geared more to smart home bulbs that might be able to be repurposed, but it was a surprisingly shallow result to my efforts.<\/p>\n<p>I <a href=\"https:\/\/www.soundspectrum.com\/g-force\/standalone.html\" target=\"_blank\">downloaded the latest G-Force (Platinum)<\/a> version and it was as good as I remembered, with very beautiful mathematical types of visualizations and a lot of ability to customize. The software is not inexpensive at $30, but you can use that version as long as you want until you need an OS upgrade.The only problem was getting it to work with Spotify. It seems like this should be a simple problem to solve \u2014 to have the visualizer tap into the sound going to your headphone jack \u2014 but it\u2019s not the case. Essentially, you have to create a way to route the sound source to both the visualizer and your speakers simultaneously.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"22652\" data-permalink=\"https:\/\/blinkassociates.com\/blog\/how-to-build-a-kick-ass-spotify-music-visualizer\/soundflower-logo\/\" data-orig-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Soundflower-Logo.jpg?fit=58%2C55&amp;ssl=1\" data-orig-size=\"58,55\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Soundflower Logo\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Soundflower-Logo.jpg?fit=58%2C55&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Soundflower-Logo.jpg?fit=58%2C55&amp;ssl=1\" class=\"aligncenter size-full wp-image-22652\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Soundflower-Logo.jpg?resize=58%2C55\" alt=\"Soundflower Logo\" width=\"58\" height=\"55\" \/>Soundflower is a Mac OSX system extension that\u2019s been used in the community for a long time to solve exactly this problem \u2014 it\u2019s designed to create a virtual audio output device that can also act as an input. While this sounds a bit esoteric, it\u2019s actually pretty straightforward. I installed a <a href=\"https:\/\/github.com\/mattingalls\/Soundflower\" target=\"_blank\">fresh copy downloaded from Matt Ingalls<\/a> (the original author) and set it up in system Sound Preferences using Soundflower as the output and setting the input of the visualizer also as Soundflower. You could tell that the visualizer was immediately responding to the music so the experiment was a success. The problem is you can\u2019t hear it because Soundflower is feeding the visualizer only.<\/p>\n<p>So, the trick is to use Soundflower in such a way that you get multiple outputs that can go both to your visualizer and also to your speakers. It turns out Apple has provided a straightforward way to do this through the hidden power of the Audio MIDI Setup. <a href=\"https:\/\/www.macworld.com\/article\/2687760\/turn-it-up-to-11-how-and-when-to-use-os-xs-advanced-audio-controls.html\" target=\"_blank\">Here is a terrific article from Macworld that explains the basics.<\/a> With the Audio MIDI Setup, you create a multi-output device which combines Soundflower with your headphone output and you\u2019re done. Once this is set up, you use the combined devices as output in your system Sound preferences and Soundflower as the input to the visualizer. Here is how it looks on my system, which has a USB connection to a Digital Audio Controller (DAC) combined with Soundflower.<\/p>\n<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"22653\" data-permalink=\"https:\/\/blinkassociates.com\/blog\/how-to-build-a-kick-ass-spotify-music-visualizer\/audio-midi-setup\/\" data-orig-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Audio-MIDI-Setup.png?fit=754%2C520&amp;ssl=1\" data-orig-size=\"754,520\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Audio MIDI Setup\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Audio-MIDI-Setup.png?fit=300%2C207&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Audio-MIDI-Setup.png?fit=754%2C520&amp;ssl=1\" class=\"aligncenter wp-image-22653 size-full\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Audio-MIDI-Setup.png?resize=754%2C520\" alt=\"Audio MIDI Setup\" width=\"754\" height=\"520\" srcset=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Audio-MIDI-Setup.png?w=754&amp;ssl=1 754w, https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Audio-MIDI-Setup.png?resize=300%2C207&amp;ssl=1 300w\" sizes=\"auto, (max-width: 754px) 100vw, 754px\" \/><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"22654\" data-permalink=\"https:\/\/blinkassociates.com\/blog\/how-to-build-a-kick-ass-spotify-music-visualizer\/sound-pref-output\/\" data-orig-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Sound-Pref-Output.png?fit=660%2C492&amp;ssl=1\" data-orig-size=\"660,492\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Sound Pref Output\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Sound-Pref-Output.png?fit=300%2C224&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Sound-Pref-Output.png?fit=660%2C492&amp;ssl=1\" class=\"aligncenter size-full wp-image-22654\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Sound-Pref-Output.png?resize=660%2C492\" alt=\"Sound Pref Output\" width=\"660\" height=\"492\" srcset=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Sound-Pref-Output.png?w=660&amp;ssl=1 660w, https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Sound-Pref-Output.png?resize=300%2C224&amp;ssl=1 300w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"22655\" data-permalink=\"https:\/\/blinkassociates.com\/blog\/how-to-build-a-kick-ass-spotify-music-visualizer\/g-force-toolbar\/\" data-orig-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/G-Force-Toolbar.png?fit=610%2C416&amp;ssl=1\" data-orig-size=\"610,416\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"G-Force Toolbar\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/G-Force-Toolbar.png?fit=300%2C205&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/G-Force-Toolbar.png?fit=610%2C416&amp;ssl=1\" class=\"aligncenter size-full wp-image-22655\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/G-Force-Toolbar.png?resize=610%2C416\" alt=\"G-Force Toolbar\" width=\"610\" height=\"416\" srcset=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/G-Force-Toolbar.png?w=610&amp;ssl=1 610w, https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/G-Force-Toolbar.png?resize=300%2C205&amp;ssl=1 300w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/>\n<\/div>\n<div>\n<p>With my Mac configured in this way, I immediately had clear, undistorted music playing from my speakers and a beautiful visualization from G-Force. Mission accomplished! As you can see from the video at the top of this post the setup creates a kick-ass visual experience and works flawlessly. In practical use, I tend to get Spotify playing and G-Force running on my Mac, then switch G-Force to full-screen and control Spotify from the Spotify app on my phone or tablet (while Spotify is running on the Mac connected to the TV). I was done. But, there are a couple of other tips to ease the user experience I uncovered in my work that I thought I should also share.<\/p>\n<p>One minor issue is that the display can go to sleep on you and blank out your visualizer. There are at least a couple of solutions for this. My favorite is a sleek (and free) utility app named <a href=\"https:\/\/itunes.apple.com\/us\/app\/amphetamine\/id937984704?mt=12\" target=\"_blank\">Amphetamine<\/a> which is very handy when you don\u2019t want your system to fall asleep \u2014 while playing a movie on Netflix for example. It\u2019s also a perfect solution to prevent your screen falling asleep when you\u2019re running a music visualization. Other solutions are to set a \u2018disable screen saver\u2019 hot corner on your Mac so that the monitor never sleeps, or change your power settings.<\/p>\n<p>I found another truly remarkable sound utility when I was exploring how to solve the visualization problem. It\u2019s called <a href=\"https:\/\/rogueamoeba.com\/loopback\/\" target=\"_blank\">Loopback<\/a> and the simplest description of it is Soundflower with superpowers. Loopback works like a big, digital mixing board \u2014 you can create any number of virtual audio devices to take the sound from applications and audio input devices, then send it to audio processing applications. If visualization were its only use, you might as well stay with Soundflower. However, if you have need of any of the other interesting uses it has, you should consider spending the $99 (ouch). Check the website for all the possibilities it has.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"22658\" data-permalink=\"https:\/\/blinkassociates.com\/blog\/how-to-build-a-kick-ass-spotify-music-visualizer\/loopback-logo-small\/\" data-orig-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/loopback-logo-small.png?fit=64%2C64&amp;ssl=1\" data-orig-size=\"64,64\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"loopback logo small\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/loopback-logo-small.png?fit=64%2C64&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/loopback-logo-small.png?fit=64%2C64&amp;ssl=1\" class=\"aligncenter size-full wp-image-22658\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/loopback-logo-small.png?resize=64%2C64\" alt=\"loopback logo small\" width=\"64\" height=\"64\" \/>I didn\u2019t need Loopback to create the setup on my home audio system with the big TV. However, I wanted to run a similar setup off of my laptop at my office, and Loopback did help there. One minor drawback of using the combined device from Audio MIDI Setup is that it produces a fixed sound output. In other words, you can\u2019t control the system sound level, you have to control it with the specific app that&#8217;s producing sound, e.g. Spotify. Sometimes this is fine, but at work I want to be able to use the keyboard volume controls to quickly mute everything if I need to, and also have easy access for volume changes. Among its many other features, Loopback will let you do this. On my laptop, I have Loopback running a virtual device directly to the visualizer, while the system Sound Preferences setup is normal \u2014 output set to headphones for my speakers. It works like a charm. Other sound utilities from the makers of Loopback are worth checking out as well.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"22659\" data-permalink=\"https:\/\/blinkassociates.com\/blog\/how-to-build-a-kick-ass-spotify-music-visualizer\/loopback-settings\/\" data-orig-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Loopback-Settings.jpg?fit=1544%2C1196&amp;ssl=1\" data-orig-size=\"1544,1196\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Loopback Settings\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Loopback-Settings.jpg?fit=300%2C232&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Loopback-Settings.jpg?fit=1024%2C793&amp;ssl=1\" class=\"aligncenter size-full wp-image-22659\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Loopback-Settings.jpg?resize=1544%2C1196\" alt=\"Loopback Settings\" width=\"1544\" height=\"1196\" srcset=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Loopback-Settings.jpg?w=1544&amp;ssl=1 1544w, https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Loopback-Settings.jpg?resize=300%2C232&amp;ssl=1 300w, https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Loopback-Settings.jpg?resize=768%2C595&amp;ssl=1 768w, https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Loopback-Settings.jpg?resize=1024%2C793&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\nI keep talking about G-Force as my visualizer, but I don\u2019t want to make this post a commercial for it. <a href=\"https:\/\/itunes.apple.com\/us\/app\/discobrick\/id598282518?mt=12\" target=\"_blank\">DiscoBrick<\/a> is another standalone visualizer I found in researching the App Store. The visualizations have a different aesthetic than G-Force and some are quite good. The app has uneven reviews in the App Store, but part of it is just the difficulty in getting it to work with a music source, as described above. If you have Soundflower or Loopback working smoothly in your system you can easily set that as a sound source in DiscoBrick and then you have a very satisfactory music visualizer.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"22660\" data-permalink=\"https:\/\/blinkassociates.com\/blog\/how-to-build-a-kick-ass-spotify-music-visualizer\/discobrick-screenshot\/\" data-orig-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Discobrick-Screenshot.jpg?fit=3239%2C1884&amp;ssl=1\" data-orig-size=\"3239,1884\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;2.2&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;iPhone 6s&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1511290629&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;4.15&quot;,&quot;iso&quot;:&quot;50&quot;,&quot;shutter_speed&quot;:&quot;0.033333333333333&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Discobrick Screenshot\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Discobrick-Screenshot.jpg?fit=300%2C174&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Discobrick-Screenshot.jpg?fit=1024%2C596&amp;ssl=1\" class=\"aligncenter size-full wp-image-22660\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Discobrick-Screenshot.jpg?resize=3239%2C1884\" alt=\"Discobrick Screenshot\" width=\"3239\" height=\"1884\" srcset=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Discobrick-Screenshot.jpg?w=3239&amp;ssl=1 3239w, https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Discobrick-Screenshot.jpg?resize=300%2C174&amp;ssl=1 300w, https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Discobrick-Screenshot.jpg?resize=768%2C447&amp;ssl=1 768w, https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Discobrick-Screenshot.jpg?resize=1024%2C596&amp;ssl=1 1024w, https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Discobrick-Screenshot.jpg?w=2000&amp;ssl=1 2000w, https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/uploads\/2017\/11\/Discobrick-Screenshot.jpg?w=3000&amp;ssl=1 3000w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/>I hit several roadblocks along the way getting these visualizers set up but I feel the effort was well worth it. The screen dazzles visitors who are blown away by the quality of the graphics on a 4K TV. I\u2019ve tried to lay out a roadmap for you so you can get the same results faster. Once you\u2019re up and running you can tinker with the settings of the individual visualizers to get the effects to match your music. Enjoy.<\/p>\n<p style=\"text-align: center;\"><em>This post originally appeared on <a href=\"https:\/\/mhd.tips\/spotify-visualizer-medium\" target=\"_blank\">Medium<\/a> 12\/02\/2017<\/em><\/p>\n<\/div>\n<div id=\"ritekit-alerts\" style=\"opacity: 0;\"><\/div>\n<div id=\"ritekit-alerts\" style=\"opacity: 0;\"><\/div>\n<a class=\"synved-social-button synved-social-button-share synved-social-size-48 synved-social-resolution-single synved-social-provider-facebook nolightbox\" data-provider=\"facebook\" target=\"_blank\" rel=\"nofollow\" title=\"Share on Facebook\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https%3A%2F%2Fblinkassociates.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F22643&#038;t=How-To%20Build%20a%20Kick-Ass%20Spotify%20Music%20Visualizer&#038;s=100&#038;p&#091;url&#093;=https%3A%2F%2Fblinkassociates.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F22643&#038;p&#091;images&#093;&#091;0&#093;=http%3A%2F%2Fblinkassociates.com%2Fblog%2Fwp-content%2Fuploads%2F2017%2F11%2FG-Force-Logo.jpg&#038;p&#091;title&#093;=How-To%20Build%20a%20Kick-Ass%20Spotify%20Music%20Visualizer\" style=\"font-size: 0px;width:48px;height:48px;margin:0;margin-bottom:5px;margin-right:5px\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" alt=\"Facebook\" title=\"Share on Facebook\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"48\" height=\"48\" style=\"display: inline;width:48px;height:48px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/96x96\/facebook.png?resize=48%2C48&#038;ssl=1\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-48 synved-social-resolution-single synved-social-provider-twitter nolightbox\" data-provider=\"twitter\" target=\"_blank\" rel=\"nofollow\" title=\"Share on Twitter\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fblinkassociates.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F22643&#038;text=Hey%20check%20this%20out\" style=\"font-size: 0px;width:48px;height:48px;margin:0;margin-bottom:5px;margin-right:5px\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" alt=\"twitter\" title=\"Share on Twitter\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"48\" height=\"48\" style=\"display: inline;width:48px;height:48px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/96x96\/twitter.png?resize=48%2C48&#038;ssl=1\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-48 synved-social-resolution-single synved-social-provider-pinterest nolightbox\" data-provider=\"pinterest\" target=\"_blank\" rel=\"nofollow\" title=\"Pin it with Pinterest\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fblinkassociates.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F22643&#038;media=http%3A%2F%2Fblinkassociates.com%2Fblog%2Fwp-content%2Fuploads%2F2017%2F11%2FG-Force-Logo.jpg&#038;description=How-To%20Build%20a%20Kick-Ass%20Spotify%20Music%20Visualizer\" style=\"font-size: 0px;width:48px;height:48px;margin:0;margin-bottom:5px;margin-right:5px\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" alt=\"pinterest\" title=\"Pin it with Pinterest\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"48\" height=\"48\" style=\"display: inline;width:48px;height:48px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/96x96\/pinterest.png?resize=48%2C48&#038;ssl=1\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-48 synved-social-resolution-single synved-social-provider-linkedin nolightbox\" data-provider=\"linkedin\" target=\"_blank\" rel=\"nofollow\" title=\"Share on Linkedin\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fblinkassociates.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F22643&#038;title=How-To%20Build%20a%20Kick-Ass%20Spotify%20Music%20Visualizer\" style=\"font-size: 0px;width:48px;height:48px;margin:0;margin-bottom:5px;margin-right:5px\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" alt=\"linkedin\" title=\"Share on Linkedin\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"48\" height=\"48\" style=\"display: inline;width:48px;height:48px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/96x96\/linkedin.png?resize=48%2C48&#038;ssl=1\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-48 synved-social-resolution-single synved-social-provider-mail nolightbox\" data-provider=\"mail\" rel=\"nofollow\" title=\"Share by email\" href=\"mailto:?subject=How-To%20Build%20a%20Kick-Ass%20Spotify%20Music%20Visualizer&#038;body=Hey%20check%20this%20out:%20https%3A%2F%2Fblinkassociates.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F22643\" style=\"font-size: 0px;width:48px;height:48px;margin:0;margin-bottom:5px\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" alt=\"mail\" title=\"Share by email\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"48\" height=\"48\" style=\"display: inline;width:48px;height:48px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/96x96\/mail.png?resize=48%2C48&#038;ssl=1\" \/><\/a><a class=\"synved-social-credit\" target=\"_blank\" rel=\"nofollow\" title=\"WordPress Social Media Feather\" href=\"http:\/\/synved.com\/wordpress-social-media-feather\/\" style=\"color:#444;text-decoration:none;font-size:8px;margin-left:5px;vertical-align:10px;white-space:nowrap\"><span>by <\/span><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"display: inline;margin:0;padding:0;width:16px;height:16px\" width=\"16\" height=\"16\" alt=\"feather\" src=\"https:\/\/i0.wp.com\/blinkassociates.com\/blog\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/icon.png?resize=16%2C16&#038;ssl=1\" \/><\/a>","protected":false},"excerpt":{"rendered":"<p>This video shows Spotify driving a music visualizer on a 65\u201d Sony 4K TV. It\u2019s great for entertaining, listening to music, or just sitting back and enjoying the show. If you\u2019re interested in setting up something similar for yourself that will work with Spotify, iTunes, or streaming web services like Pandora or Soundcloud, read on! [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[21,43],"tags":[72,73,57,70,71],"class_list":{"0":"post-22643","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-tech-lifestyle","7":"category-user-experience","8":"tag-audiophile","9":"tag-home-audio","10":"tag-music","11":"tag-music-visualization","12":"tag-spotify"},"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2jHqE-5Td","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blinkassociates.com\/blog\/wp-json\/wp\/v2\/posts\/22643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blinkassociates.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blinkassociates.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blinkassociates.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blinkassociates.com\/blog\/wp-json\/wp\/v2\/comments?post=22643"}],"version-history":[{"count":26,"href":"https:\/\/blinkassociates.com\/blog\/wp-json\/wp\/v2\/posts\/22643\/revisions"}],"predecessor-version":[{"id":23024,"href":"https:\/\/blinkassociates.com\/blog\/wp-json\/wp\/v2\/posts\/22643\/revisions\/23024"}],"wp:attachment":[{"href":"https:\/\/blinkassociates.com\/blog\/wp-json\/wp\/v2\/media?parent=22643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blinkassociates.com\/blog\/wp-json\/wp\/v2\/categories?post=22643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blinkassociates.com\/blog\/wp-json\/wp\/v2\/tags?post=22643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}