Hacker News Reader

Hacker News

Comment by JacksonGariety | Hacker News Reader

Full thread

JacksonGariety

I did some experimenting to make particles dance to the beat of music if anyone is interested:

http://trapcity.tv

View on HN

Full screen'd this beast and jammed out, bass line is thickkkkk.

Works perfect on Version 30.0.1599.101 Chrome.

http://www.youtube.com/watch?v=W5R4GFbXPvY

edit: added link to OfficialTrapCity

That's pretty awesome, did you mean for it to play all the MP3's dropped on it at a time? For instance if I drop 1.mp3 and then drop 2.mp3 before 1.mp3 is finished both play at the same time with 2.mp3 starting to play at the time offset 1.mp3 is at when 2.mp3 is added

Small annoyance - can you also add a means to click as an alternative to drag+drop?

EDIT: This is pretty damn cool. Could I convince you to submit a pull request with something similar to MediaCrush[1]? We host audio files [2] and this would be a nice addition.

[1] https://github.com/MediaCrush/MediaCrush [2] https://mediacru.sh/p3Yo3dDHZrmo

Strange, I get no particle effects.

When I check out the chrome console I find: Uncaught TypeError: Cannot set property 'innerHTML' of null

Browser info?

Stable chrome branch. Version 30.0.1599.101

In chrome canary I also get:

Invalid CSS property value: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0.75)))

and the same error as found in in standard chrome.

Seems like the js is going off before the DOM has finished loading. If I add an onload function that should fix it.

You deal with the DOM before waiting for the document to load?

I've got the same problem: Version 30.0.1599.101 Chrome on Mac OS X Mavericks.

I believe the problem is your time() method on line 189 of script.js; there's no element with id "time".

Time is a self-referencing function. That shouldn't be breaking it.

Yeah, it's self-referencing, but it's called just before being passed into setInterval. Here's a screenshot: http://i.imgur.com/oh84ZLV.png

Really dig this. Any way I could check out the source?

Here you go: https://github.com/jacksonGariety/trapcity

Thanks dude. We're working on a custom soundcloud player widget thats fully customizable. I'm thinking about using your visualizer.

https://github.com/tim-thimmaiah/tonedenplayer

Go for it!

Reply on news.ycombinator.com