HTML5 Piano

#1

Post by danso » Sat, Aug 24, 2013, 10:23 PM UTC

HTML5 Piano
mrcoles.com

Re: HTML5 Piano

#2

Post by danso » Sat, Aug 24, 2013, 10:27 PM UTC

BTW here's the OP's Github repo:

https://github.com/mrcoles/javascript-piano

Re: HTML5 Piano

#3

Post by bashevis » Sun, Aug 25, 2013, 12:03 AM UTC

Very nice! I made an HTML 5 multiplayer piano that lets you play with others in realtime: http://www.bandwithfriends.com

Try it out!

Re: HTML5 Piano

#4

Post by chaser7016 » Sun, Aug 25, 2013, 12:18 AM UTC

iOS supports the web audio API solidly & can be used to get sound working in this app

Here are two web audio API example apps... http://sleep.fm (online alarm clock; view on iOS device)

And

http://speakerblast.com - blast audio in sync on multiple devices

Anyone know other web apps that heavily use the web audio API?

Re: HTML5 Piano

#5

Post by splatzone » Sun, Aug 25, 2013, 12:22 AM UTC

bashevis wrote: post #3

Very nice! I made an HTML 5 multiplayer piano that lets you play with others in realtime: http://www.bandwithfriends.com Try it out!

great domain!

Re: HTML5 Piano

#6

Post by pazimzadeh » Sun, Aug 25, 2013, 12:29 AM UTC

bashevis wrote: post #3

Very nice! I made an HTML 5 multiplayer piano that lets you play with others in realtime: http://www.bandwithfriends.com Try it out!

I'm having so much fun right now. I'm better if I click rather than use the keys, but that's a cool feature.

Re: HTML5 Piano

#7

Post by paul7986 » Sun, Aug 25, 2013, 12:39 AM UTC

chaser7016 wrote: post #4

iOS supports the web audio API solidly & can be used to get sound working in this app Here are two web audio API example apps... http://sleep.fm (online alarm clock; view on iOS device) And http://speakerblast.com - blast audio in sync on multiple devices Anyone know other web apps that heavily use the web audio API?

Are those your own apps?

If so how did you guys get the audio to play in sync across devices?

We've been trying to figure that out.

Re: HTML5 Piano

#8

Post by [deleted] » Sun, Aug 25, 2013, 12:45 AM UTC

[deleted]

Re: HTML5 Piano

#9

Post by skybrian » Sun, Aug 25, 2013, 12:55 AM UTC

Here's one I wrote in Dart: http://skybrian.github.io/dart-synth-demo/synth.html https://github.com/skybrian/dart-synth-demo

Which was based on this one in JavaScript: https://github.com/skybrian/midiplayer

Re: HTML5 Piano

#10

Post by monsterix » Sun, Aug 25, 2013, 2:01 AM UTC

Nice!

Would be so cool to create a full 88 keys digital piano on a flat piece of glass with a touch layer. No edges, but for the well rounded toughened glass with see through.

Simulated weighted keys using software, have modes (Strings is a must!), basic metronome, equalizer, controls and additional synth effects; and well on top of that a custom built browser to suit the window size of 58.8 x 12.8 x 22.2 inches! :D