Play an accordion recording by resizing your browser window

http://artpolikarpov.github.io/garmoshka/

by huskyr • 13 years ago

242 45 13 years ago

artpolikarpov.github.io

talhof8• 13 years ago

Pretty cool and creative stuff

huskyr• 13 years ago

Only a matter of time before someone makes this with a slide trombone.

vgyjh• 13 years ago

I wonder is there is an easy way to map the song, note by note, so it can respond better in relation to how the browser is resized. Good work!

homosaur2• 13 years ago

Whatever is triggering sounds by resize should also be able to query the width of the window and serve a sound accordingly, but then it comes close to actual work instead of a cool demo.

Aardwolf• 13 years ago

Ha ha ha, awesome :D

bengyusf• 13 years ago

This made me smile and I have no idea why.

pressurefree• 13 years ago

that is so funny. made my day.

GhotiFish• 13 years ago

that is adorkable.

brokentone2• 13 years ago

This is simultaneously one of the most ridiculous and most awesome things I've seen.

amogram• 13 years ago

This cheered up my Friday afternoon.

leeoniya• 13 years ago

wow, i'm surprisingly good at it!

Siecje• 13 years ago

I don't know if you can call it 'play' when you are only influencing if the accordion is sounding or not. I would call it 'listening' to accordion by resizing your browser window. I understand that if the user did have control it would not sound as good, but you could do it.

The size of the window vertically would control the pitch, so if I have a small sliver vertically it should be high pitched and if my browser window is tall(vertically) it should be low pitched.

The speed of the change in size horizontally should be how fast the air passes through the instrument.

If I have it vertically large and slowly drag it to the left it should let out a low drone, if I go quickly it should be a low burst, etc.

Still very cool!

sdfjkl• 13 years ago

Resizing a real accordion only influences volume, i.e. the harder you push/pull the faster air flows over the reeds. And you inevitably get no air flow at all when you switch between pulling and pushing the bellows, so you have to time this right. It's a fascinating instrument.

k3n2• 13 years ago

And then you could map the keyboard to the rest of the inputs, and have a workable instrument....that 'fork on github' link is tempting.

PavlovsCat• 13 years ago

It really needs an accordion soft-synth, and when you change direction (and/or when you start to slow down?), to play the next note in the song... as you said, with volume depending on movement speed (and maybe current position also affecting the sound a little). In short, what we need is an VST to javascript bridge haha.

And then make a litte plugin out of it, so this can be put on all websites; using a canonical CDN location would even mean everybody has it cached all the time, so there'd be no downside to doing that.

I have been wondering what the web 3.0 would look like for a while now, but I asked the wrong question.... what does it sound like, that is what matters.

joe8756438• 13 years ago

This should be built directly into every browser and happen every time the window is resized.

homosaur2• 13 years ago

You know, you are exactly right, someone should file this https://bugzilla.mozilla.org/

jlongster• 13 years ago

This works really well with Firefox's responsive mode... Press Cmd+Alt+M on OS X (and the equivalent on other OS's).

anonymfus• 13 years ago

Wait, Firefox has a special mode for resizing page... In Opera it's just Arrange-Restore in context menu of tab.

thelibrarian• 13 years ago

It allows you to resize the view without resizing the window, and has a dropdown list of standard screen sizes for phones, tablets, laptops etc.

shrikant• 13 years ago

Shift+Ctrl+M on Linux (Ubuntu 12.10 here).

xbryanx• 13 years ago

This is especially fun if you have Slate installed: https://github.com/jigish/slate

Noxchi• 13 years ago

What's the name of the music this is playing?

bchen• 13 years ago

This would be cooler if there is a way to actually _play_ the accordion. For example, map keyboard keys to the keys on the accordion. :-)

ilikejam2• 13 years ago

Well. My speakers were at full volume and I'm in the middle of an office with 400 people.

I'm off to hang myself.

brokentone2• 13 years ago

I do believe the title was pretty clear as to the effect of this webpage...

ilikejam2• 13 years ago

True. Unfortunately Firefox had a bit of a moment to itself and did the looping sample thing, then hung while playing.

It was so loud. There was no escape.

Had to pull the battery to end the ordeal.

proexploit2• 13 years ago

My first impression was that Play related to the framework or just meaning something games related and that accordion meant the UI element e.g. http://jqueryui.com/accordion/. I think the title is fine, but I wasn't expecting music at first either.

manifesto• 13 years ago

Exactly why any sort of autoplay on the page is bad.

brickmort• 13 years ago

lol

LarryMade2• 13 years ago

and a very nice choice of accordion music too.

piyush_soni2• 13 years ago

You are just playing a recording, the user doesn't "play an accordion" by resizing the window, and it is really uninteresting.

calebegg• 13 years ago

You must be fun at parties.

piyush_soni2• 13 years ago

I might not be, but I also don't post on Hacker news saying that I am.

runnr_az• 13 years ago

Love a great terrible project. Nice job!

kickingvegas• 13 years ago

At the :22 mark. http://www.mixcloud.com/MadDecent/mdwwr-74-major-lazer-carni...

orangethirty• 13 years ago

1. Register domain accordionfy.com or accordion.io.

2. Put a lading page to collect emails in it. Link to this demo.

3. Include the copy "Accordionfy.com is aiming to disrupt the accordion industry by leveraging the web stack to deliver an life-like accordion experience to anyone with an internet connection."

4. Under the copy include: "We are currently raising seed investment."

5. Write 3 blog posts a day about anything but accordions.

6. Tweet about accordion-first startups.

7. Apply to YC and then complain about how PG hates accordions.

8. Buy a black hoodie and an airplane ticket to SF.

9. Go to every startup event in SF.

10. Tell people how much traction you got from the HN post.

11. Rinse and repeat #9 && #10 for 3 months.

12. Make a blog post about how you failed, and how it taught you that startups are hard. Never thinking about that you were trying to sell a fucking accordion in a web browser.

13. Get acquired by Yahoo! for 15 Million dollars.

In all seriousness, I love this.

nfoz• 13 years ago

Is this related to the other HN thread "I Knew a Programmer that Went Completely Insane"?

the1• 13 years ago

does not work on firefocks

petarb• 13 years ago

you are a genius

dottrap• 13 years ago

I LOL'd.

Play an accordion recording by resizing your browser window

Related Stories