News for hackers. Stuff that matters.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by rplnt on Friday November 22, 2013 @09:21AM (#6780808)
Actually, 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.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by l0gicpath on Friday November 22, 2013 @12:01PM (#6781996)
The title does state that it's Winamp music visualisation.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by leviathan on Friday November 22, 2013 @12:02PM (#6782006)
when the OP commented it was: "Winamp in JavaScript. Yes"
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by Shish2k on Friday November 22, 2013 @09:25AM (#6780829)
Can we just accept that javascript is as practically turing complete as any other language and move on with our lives? :P
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by arnarbi on Friday November 22, 2013 @10:31AM (#6781253)
Turing completeness has little to do with it. JS was always Turing complete, yet these little exercises were not possible 5 years ago.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by csmuk on Friday November 22, 2013 @10:43AM (#6781382)
Not desirable either. Not sure they are desirable now either.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by mathgladiator on Friday November 22, 2013 @11:35PM (#6785225)
ars gratia artis
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by Sephr on Friday November 22, 2013 @11:39AM (#6781813)
These little exercises that "were not possible 5 years ago" were released... about 5 years ago.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by ansimionescu on Friday November 22, 2013 @09:55AM (#6781016)
Not before coding EVERYTHING in 30 lines of JS or less!
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by JonnieCache on Friday November 22, 2013 @10:06AM (#6781079)
Someone needs to write a js interpreter in 30 lines of js and then maybe we can draw a line under all this.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by bombita on Friday November 22, 2013 @10:35AM (#6781308)
>eval(x);

Did I win?

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by vbuterin on Friday November 22, 2013 @10:42AM (#6781366)

    var 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();
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by johnny_reilly on Friday November 22, 2013 @11:07AM (#6781568)
Surely you must know that the only acceptable equality checker in JS is "==="?

"==" is for wimps :-)

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by pplante on Friday November 22, 2013 @12:14PM (#6782097)
maybe he was being forward looking. version 2 needs some sort of bug fix and feature list.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by mbillie1 on Friday November 22, 2013 @10:41AM (#6781362)
I keep hoping...
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by nailer on Friday November 22, 2013 @09:41AM (#6780935)
UI 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.

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by Tagbert on Friday November 22, 2013 @10:39AM (#6781342)
In the code, I see this (currently blocked by flashblock) srcattribute="./soundmanager2_flash9.swf"

This looks like JavaScript controlling a Flash object, not just JavaScript.

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by nashashmi on Friday November 22, 2013 @10:09AM (#6781097)
Same here. I have flash blocked and I cannot see anything.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by coldtea on Friday November 22, 2013 @10:06AM (#6781078)
Not sure what you're talking about. This is plain Javascript.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by k3n on Friday November 22, 2013 @10:38AM (#6781330)
I 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.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by islon on Friday November 22, 2013 @10:37AM (#6781318)
It's not a valid javascript post if it doesn't say how many lines of code did you use.

Edit: grammar

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by drobati on Friday November 22, 2013 @11:21AM (#6781685)
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by untothebreach on Friday November 22, 2013 @09:16AM (#6780774)
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by talles on Friday November 22, 2013 @10:42AM (#6781374)
My first thought ^^
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by fat0wl on Friday November 22, 2013 @10:05AM (#6781074)
I 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.

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by zanny on Friday November 22, 2013 @10:14AM (#6781131)
I don't know of a good framework to cache an app in localstorage so its available offline transparently. IE, you want it so once someone runs your "app" once, and adds it as an app (a .desktop file, whatever the equivalent in Windows is, etc) so that it only ever pulls the pages from the network when an update is found.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by fat0wl on Friday November 22, 2013 @10:21AM (#6781167)
heh i don't want to build an APP!! that's kinda the point, lol.

i'm not an app developer. i make audio stuff with machine learning tools & I'm a web dev to pay the bills. But in this case all i really want is to build a desktop application (c++,java,whatever) and have a browser-based UI... but not have it appear as a browser tab.

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by jbroman on Friday November 22, 2013 @10:09AM (#6781101)
Have you seen the Chrome apps platform?

http://developer.chrome.com/apps/about_apps.html

It's pretty damned close to what you're asking for.

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by fat0wl on Friday November 22, 2013 @10:18AM (#6781152)
yeah 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...

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by malone on Friday November 22, 2013 @10:40AM (#6781356)
How about 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

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by fat0wl on Friday November 22, 2013 @10:47AM (#6781415)
Yeah 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.

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by jbroman on Tuesday November 26, 2013 @11:30PM (#6806396)
I believe Chrome apps can use Native Client, if you want to message between a C/C++ module and your web application. And of course there are increasingly mature tools for compiling C++ to some subset of JavaScript. https://developers.google.com/native-client/
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by csmuk on Friday November 22, 2013 @10:45AM (#6781393)
What you just described is pretty much Silverlight. It can do out of browser stuff.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by fat0wl on Friday November 22, 2013 @11:17AM (#6781657)
Eh I don't want to program Silverlight though....... I'd rather just use html/css/js for UI.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by csmuk on Friday November 22, 2013 @11:19AM (#6781671)
Likewise. I wasn't saying that :)
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by l0gicpath on Friday November 22, 2013 @12:00PM (#6781988)
Audio visualisation/winamp-like/winamp/take your pick, it's still a cool experiment. I'm digging the music choice too.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by JonnieCache on Friday November 22, 2013 @09:20AM (#6780803)
Ahhh, 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.

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by prg318 on Friday November 22, 2013 @09:37AM (#6780912)
Speaking 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 [2] http://projectm.sourceforge.net/

Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by laveur on Friday November 22, 2013 @01:08PM (#6782514)
Forget the visualizer go to the article for the visualizer and enjoy pseudo-playing Mario Brother's in the Background!
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by vcherubini on Friday November 22, 2013 @11:45AM (#6781862)
Looks like it's a bit old if it's still using jQuery 1.2.6 from 2008.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by k3n on Friday November 22, 2013 @12:58PM (#6782431)
Good eye, see drobati's comment -- it was evidently posted here 4 years ago.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by ArekDymalski on Friday November 22, 2013 @11:09AM (#6781576)
Oh, I hoped that would recreate Winamp's AVC. Sigh ...
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by djmollusk on Friday November 22, 2013 @11:57AM (#6781964)
The mp3s that are commented out are the best ones.
Re:JuicyDrop – Winamp Music Visualization with JavaScript an... by jheriko on Friday November 22, 2013 @11:35AM (#6781791)
cool tribute, but yeah... missing all the stuff that made winamp actually cool.