7 ms·
JuicyDrop – Winamp Music Visualization with JavaScript and Canvas
- untothebreach 13y agoAh yes, Atwood's Law (http://www.codinghorror.com/blog/2007/07/the-principle-of-least-power.html http://www.codinghorror.com/blog/2007/07/the-principle-of-le...) strikes again.
- talles 13y agoMy first thought ^^
- JonnieCache 13y agoAhhh, the days of milkdrop... Best viewed via a crap projector thrown onto a hippie's face. Surely we can simulate that in js as well now? Fuck, we can probably do it in css.
- prg318 13y agoSpeaking of Milkdrop, the sources of milkdrop 1 and 2 have been released [1]. A couple developers have taken the milkdrop 1 sources and built them into a cross platform visualization software called projectM [2]. Milkdrop forever! [1] http://forums.winamp.com/showthread.php?t=214971 http://forums.winamp.com/showthread.php?t=214971 [2] http://projectm.sourceforge.net/ http://projectm.sourceforge.net/
- rplnt 13y agoActually, no. That's a winamp-like skin with some random audio player. I doubt that skin is in javascript and the player is generic something. Nothing like winamp at all. Audio visualizations in javascript would be a betetr title.
- Shish2k 13y agoCan we just accept that javascript is as practically turing complete as any other language and move on with our lives? :P
- ansimionescu 13y agoNot before coding EVERYTHING in 30 lines of JS or less!
- JonnieCache 13y agoSomeone needs to write a js interpreter in 30 lines of js and then maybe we can draw a line under all this.
- bombita 13y ago>eval(x); Did I win?
- vbuterin 13y agovar xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readyState == 4) { eval(xhr.responseText) } } xhr.open("GET", "http://mywebsite.com/everything_doer.js", true); xhr.send();
- johnny_reilly 13y agoSurely you must know that the only acceptable equality checker in JS is "==="? "==" is for wimps :-)
- deleted 13y ago[deleted]
- pplante 13y agomaybe he was being forward looking. version 2 needs some sort of bug fix and feature list.
- nailer 13y agoUI appears but all boxes are dark on Chrome 31.0, OS X. Edit: enabled Flash and it's playing. Looks like this is Flash/AS, not JS.
- coldtea 13y agoNot sure what you're talking about. This is plain Javascript.
- k3n 13y agoI don't believe it is. I have click-to-play for plugins, which means that JS runs without issue, but I have to specifically allow any plugins, e.g. Flash. I get the same thing as parent when I visit -- black boxes -- along with an indication in my address bar that plugins have been blocked. Looking further at the source on index.html, I see this: soundManager.url = './'; // path to directory containing SoundManager2 .SWF file So this is very obviously just a shell around a Flash file.
- nashashmi 13y agoSame here. I have flash blocked and I cannot see anything.
- Tagbert 13y agoIn the code, I see this (currently blocked by flashblock) srcattribute="./soundmanager2_flash9.swf" This looks like JavaScript controlling a Flash object, not just JavaScript.
- fat0wl 13y agoI know everybody is tired of these Javascript POC apps but I think it's a testament to the fact that it's so easy to implement webapps vs desktop stuff, and can perform functionally well. If Google released a version of Chrome that could camouflage itself as a desktop app (browser-based UI over C++ functionality, but that browser appears as it's own app rather than another damn open tab) I think we would see a flourishing of better desktop apps rather than just everything-you-can-think-of-stuck-in-a-browser. EDIT: Funny I got downvoted because the responses that follow are probably the greatest amount of insight/interest on the whole page. The rest of the comments are just whining about how this isn't a perfect Winamp emulation lol.
- jbroman 13y agoHave you seen the Chrome apps platform? http://developer.chrome.com/apps/about_apps.html http://developer.chrome.com/apps/about_apps.html It's pretty damned close to what you're asking for.
- fat0wl 13y agoyeah this is close.... i just wish that it could be a layer on top of C++ or Java rather than js only. The point is that I want to make an app as powerful as a desktop app, just with this type of UI. If you could run a c++/java app in the background and make RPCs to it from browser events, that would be closer...
- malone 13y agoHow about node-webkit? https://github.com/rogerwang/node-webkit https://github.com/rogerwang/node-webkit It's basically Chromium on top of nodejs. Then you can mix your C++ code with nodejs via addons. http://nodejs.org/api/addons.html http://nodejs.org/api/addons.html
- fat0wl 13y agoYeah this is the closest so far -- a fleshed out version of the RPC avenue. Thanks so much for the responses, these are really great ideas.
- islon 13y agoIt's not a valid javascript post if it doesn't say how many lines of code did you use. Edit: grammar
- BackerHopez 13y agoIt's Flash. That's what this file is: SoundManager2.SWF
- ArekDymalski 13y agoOh, I hoped that would recreate Winamp's AVC. Sigh ...
- drobati 13y agoPosted 4 years ago. https://news.ycombinator.com/item?id=532080 https://news.ycombinator.com/item?id=532080
- jheriko 13y agocool tribute, but yeah... missing all the stuff that made winamp actually cool.
- vcherubini 13y agoLooks like it's a bit old if it's still using jQuery 1.2.6 from 2008.
- k3n 13y agoGood eye, see drobati's comment -- it was evidently posted here 4 years ago.
- djmollusk 13y agoThe mp3s that are commented out are the best ones.
- l0gicpath 13y agoAudio visualisation/winamp-like/winamp/take your pick, it's still a cool experiment. I'm digging the music choice too.
- laveur 13y agoForget the visualizer go to the article for the visualizer and enjoy pseudo-playing Mario Brother's in the Background!