Sync HTML5 audio

Synchronize audio across computers using HTML5 (<audio> and WebSockets)

Built using JavaScript, HTML5, CSS3, Audio, WebSockets,

  • 153 views
  • 0 comments

More About This Demo From The Author

This demo allows to hear synchronized music across (modern) browsers. The client side is written in HTML, CSS and Javascript, using socket.io/WebSockets and the audio tag. The server side is written in NodeJS and using socket.io.

The server groups together computers coming from the same IP address, and allows them to play music on a given URL synchronized. If one plays, all of them will play. The same goes for pause, volume changes, and position changes.

It is open source and at Github, so instead of relying on a third-party server you can download it and install it at home. Possible applications include hearing music more loudly (especially on mobile phones).

Note: the demo contains an iframe to a host due to mozilla.org using always https:// and WebSockets requiring an also https-enabled connection which the NodeJS host doesn't provide.

Finally, special thanks to alejandromg@freenode, whose help made possible the use of socket.io.

No comments yet.

Log in to add your own.

Get the Source Code

Download the Source 0.63 KB · ZIP File

Browse the Source

This demo is released under the GPL license.

More by JoanC