Sync HTML5 audio

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

Construit avec JavaScript, HTML5, CSS3, Audio, WebSockets,

  • 149 vues
  • 0 commentaires

L'auteur nous en dit plus sur cette démo

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.

Encore aucun commentaire.

Log in to add your own.

Obtenir le code source

Téléchargez le fichier ZIP · 0.63 Ko

Browse the Source

Cette démo est fournie sous la licence GPL.

Plus par JoanC