Show HN: Harmogram, Web Audio API + Canvas (Paper.js) FFT/Harmonograph

by adrianleb • 14 years ago

105 33 14 years ago

mwasser• 14 years ago

Love it! What's the objective of the project?

adrianleb• 14 years ago

Objective was mainly to experiment with the Web Audio API, specially its analyser. Once you plug that into a 2d/3d canvas theres really a lot of room for creativity. Glad you liked it!

n1ghtfury• 14 years ago

nice! looks legit - great music choices too :D

marcelcor• 14 years ago

It uses the http://shuffler.fm API. It's the blogs that pick the music.

aioprisan• 14 years ago

why is it chrome only?

FuzzyDunlop2• 14 years ago

the web audio API isn't implemented in anything else. Firefox uses a proprietary thing that's been deprecated.

zan24342• 14 years ago

the web audio api seems to function well in Safari

EwanG• 14 years ago

Not OPs fault, but from the name I was expecting a web-based harmonica. Anything good online for doing GarageBand type things? Preferably that can be used in other projects?

xwowsersx• 14 years ago

More awesome web stuff today. Great job and awesome music!

FuzzyDunlop2• 14 years ago

This is really cool. Only thing that confused me is the UI seems to have a mind of its own sometimes - songs suddenly change themselves, and the list scrolls, and I can't find my way back to where I was.

huhtenberg• 14 years ago

  Fuck!
  Sorry but this experiment works only on Google Chrome.

Fuck indeed.

sergiotapia• 14 years ago

I feel Chrome is going to become the next IE6. And that sucks.

Then again is it Chrome's fault that Firefox and Opera don't catch up? Would love any insight on this.

at-fates-hands• 14 years ago

I'm pretty sure Chrome still hasn't fixed the cleartype feature so embedded fonts look decent like they do in Firefox.

Chrome really isn't that far ahead of FF or Opera. all three are still pretty close. The only real loser here is still IE. Their paltry developer tools and IE8's incompatibility with HTML5 has pretty much doomed it to the trash bin.

Just in case you needed some benchmark facts:

http://www.zdnet.com/blog/hardware/the-big-browser-benchmark...

arrrg• 14 years ago

As long as Google exists, I can’t see them abandoning Chrome.

The problem with Internet Explorer 6 was always that Microsoft stopped developing it after achieving dominance. Internet Explorer 6 was not a bad or outdated browser when it came out, it was quite modern for its time. It only became outdated once it was abandoned.

Google’s incentives aren’t set up such that they would benefit from abandoning their browser. Google wants people to do ever more stuff on the web. Abandoning Chrome would limit the stuff people can do online. Even in the unlikely event of Google achieving total dominance in the browser market, I don’t think their incentives are set up in a way that they would ever be interested in letting Chrome become outdated.

Oh sure, should they achieve total dominance Google might be tempted to do evil stuff with that dominance. Stopping developing Chrome, however, is not one of those things.

As such the situation is not even a little bit comparable. Google achieving total dominance in the browser market might still be bad, but not for the same reasons Internet Explorer 6’s dominance was bad.

Honestly, however, I think that this is mostly a fault of Mozilla, Apple and Microsoft sometimes not getting their shit together. You can’t really blame Google.

mjcohenw• 14 years ago

Ha! Nobody there I ever heard of.

RaSoJo2• 14 years ago

Avicci, no?

mikle• 14 years ago

I hate stuff that auto play music full volume on opening the page. That said, looks like an interesting experiment. I'm glad that people are using the Web Audio API, hopefully the more people use it the more browsers will support it and it will be updated.

spyder• 14 years ago

Collection of Web Audio experiments: http://chromium.googlecode.com/svn/trunk/samples/audio/sampl...

graue4• 14 years ago

No sound in Chromium on Linux (Ubuntu). Unfortunately, that often happens when I click on these experiments, due to lack of MP3 support. There is MP3.js to get around the patent issues, if Linux support is important to you: https://github.com/devongovett/mp3.js

jkbyc2• 14 years ago

it works for me: Chromium Version 22.0.1229.94 Ubuntu 12.10 (161065)

graue4• 14 years ago

Weird. That's the exact same version string in mine and I get nothing. Did you install some kind of MP3 plugin/codec to get it to work?

umaar• 14 years ago

Nice work! Any plans on updating the Github repo https://github.com/adrianleb/harmogram with this version?

Reason I ask, I wouldn't mind contributing a feature where the user can select their own microphone input as the audio source and have the paper.js visualisation react accordingly.

notJim• 14 years ago

God, this is so much cooler than my holiday project :). Nice work.

In terms of critique, if you're interested in that, the UI could use some work (the interactions are weird, and it's not very intuitive), but once you get past that, the visualization is awesome. The UI is also quite pretty, so I think if you fine-tuned the interaction issues, it would be fantastic.

tonetheman• 14 years ago

Cool cool. Needs a pause button bad... or is there one already?

RaSoJo2• 14 years ago

spacebar da pause

thrownaway2424• 14 years ago

Really nice work. Discovered some nice music, too :)

When it's on-screen is uses two whole CPUs though (one for the chrome tab, and one for Chrome's GPU-driving process) and the visualization is obviously half a beat ahead of the music. That's not your fault, but it certainly demonstrates the drawbacks of the platform.

msutherl• 14 years ago

Hah, nice UK bass selection! Didn't know about Damu – awesome stuff.

podrivo• 14 years ago

beautiful!

zan24342• 14 years ago

Interesting, I did something similar with http://puur.tk/better

rebelnz• 14 years ago

Very nice! It was a little 'glitchy' whilst loading but otherwise worked fine for me (Win 7/Chrome 23).

Show HN: Harmogram, Web Audio API + Canvas (Paper.js) FFT/Harmonograph

Related Stories