6 ms·
Play an accordion recording by resizing your browser window
- talhof8 14y agoPretty cool and creative stuff
- huskyr 14y agoOnly a matter of time before someone makes this with a slide trombone.
- vgyjh 14y agoI 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!
- homosaur 14y agoWhatever 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 14y agoHa ha ha, awesome :D
- bengyusf 14y agoThis made me smile and I have no idea why.
- pressurefree 14y agothat is so funny. made my day.
- GhotiFish 14y agothat is adorkable.
- brokentone 14y agoThis is simultaneously one of the most ridiculous and most awesome things I've seen.
- amogram 14y agoThis cheered up my Friday afternoon.
- leeoniya 14y agowow, i'm surprisingly good at it!
- Siecje 14y agoI 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 14y agoResizing 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.
- k3n 14y agoAnd 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 14y agoIt 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 14y agoThis should be built directly into every browser and happen every time the window is resized.
- homosaur 14y agoYou know, you are exactly right, someone should file this https://bugzilla.mozilla.org/ https://bugzilla.mozilla.org/
- jlongster 14y agoThis works really well with Firefox's responsive mode... Press Cmd+Alt+M on OS X (and the equivalent on other OS's).
- anonymfus 14y agoWait, Firefox has a special mode for resizing page... In Opera it's just Arrange-Restore in context menu of tab.
- thelibrarian 14y agoIt 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 14y agoShift+Ctrl+M on Linux (Ubuntu 12.10 here).
- xbryanx 14y agoThis is especially fun if you have Slate installed: https://github.com/jigish/slate https://github.com/jigish/slate
- Noxchi 14y agoWhat's the name of the music this is playing?
- bchen 14y agoThis would be cooler if there is a way to actually _play_ the accordion. For example, map keyboard keys to the keys on the accordion. :-)
- ilikejam 14y agoWell. My speakers were at full volume and I'm in the middle of an office with 400 people. I'm off to hang myself.
- brokentone 14y agoI do believe the title was pretty clear as to the effect of this webpage...
- ilikejam 14y agoTrue. 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.
- proexploit 14y agoMy 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/ http://jqueryui.com/accordion/. I think the title is fine, but I wasn't expecting music at first either.
- dubcanada 14y agoIt says "Accordion recording" not "accordion web element". But yah it's about as obvious as it can get.
- proexploit 14y ago
- brickmort 14y agolol
- LarryMade2 14y agoand a very nice choice of accordion music too.
- deleted 14y ago[deleted]
- piyush_soni 14y agoYou are just playing a recording, the user doesn't "play an accordion" by resizing the window, and it is really uninteresting.
- calebegg 14y agoYou must be fun at parties.
- piyush_soni 14y agoI might not be, but I also don't post on Hacker news saying that I am.
- runnr_az 14y agoLove a great terrible project. Nice job!
- kickingvegas 14y agoAt the :22 mark. http://www.mixcloud.com/MadDecent/mdwwr-74-major-lazer-carnival-2012-mix/ http://www.mixcloud.com/MadDecent/mdwwr-74-major-lazer-carni...
- orangethirty 14y ago1. 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 14y agoIs this related to the other HN thread "I Knew a Programmer that Went Completely Insane"?
- the1 14y agodoes not work on firefocks
- petarb 14y agoyou are a genius
- deleted 14y ago[deleted]
- dottrap 14y agoI LOL'd.