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.
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.
Comments
I did some experimenting to make particles dance to the beat of music if anyone is interested:
http://trapcity.tv
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!