This is something I've wanted from the very beginning of this project. I've tried adding it in the past but Chromecast's version of Chrome is a bit different than the Desktop's. Someone recently asked me my thoughts so I thought I'd document them here for everyone.

--

Back when I tried, the Chromecast's chrome browser didnt have the Web Audio API functionality to visualize audio. So the data had to come from the Desktop/Laptop (Sender) that was casting.

I could either use WebRTC to send the data directly to the Chromecast or I could send it over the server. I tried both. Unfortunately, although Chromecasts use WebRTC to make casting work, the WebRTC API is (was) not openly available to the Sender. So I had to use a server-side approach. Tried Websockets and got visualizations showing up on the Chromecast but the FPS was waay to low. Something like 2 frames a second.

I stopped trying to do Chromecast from there. I'm guessing the software and hardware are better now, so its probably more possible. The chromecast branch has my work in it, but the rest of the project in that branch is pretty outdated https://github.com/likethemammal/css-visualizer/tree/chromecast

Chrome 36.0.1985.125 m; WIndows 8.1
link: http://likethemammal.github.io/css-visualizer/
It just loads and gives console error straight away, nothing plays, some UI on screen.

Uncaught TypeError: undefined is not a function dancer.min.js:8  
c.load dancer.min.js:8  
a.load dancer.min.js:8  
App.nextSongFromCache app.js:208  
App.setupMusic app.js:121  
App.init app.js:106  
(anonymous function) app.js:245

Add integration with SoundCloud to grab tracks from their API. Use some of the Grooveshark broadcasters' SoundCloud radio profiles.

right now, the code isn't prepared to be included in a project.

are you planning to do something like that?

Setup

Attach to parent

Provide Audio source

API

randomize colors

Options

parentSelector required
audioSource
colors [Hexagons visualizer should turn off randomization timer, but handle color switching]
visualizerType
hidePlayer
hideVisualizerControls

UI Options

• option to hide visualizer controls
  • no fullscreen control, colors and randomizer, type dropdown, and info icon

If audio el provided

• dont show the genre drop down
• option to hide player chrome
  • no play, pause, next, volume controls,
  • no who's playing metadata, etc.

if no audio el provided

• must have player chrome