Synapse

• 

  Entering the room/uploading music

• 

  Instructions to use

• 

  User orb to move with cursor

Inspiration We wanted to bridge the gap between cold, transactional digital communication and the warmth of human presence by building a space where proximity creates harmony.What it doesSynapse is a collaborative musical instrument where users upload unique audio loops that only fuse into a cohesive, layered symphony when their cursors get close on the screen.

How we built it We used the BroadcastChannel API for real-time coordinate syncing and the Web Audio API to dynamically blend tracks based on the distance between cursors, calculated with the distance formula.

Challenges we ran into The biggest challenge was overcoming browser security policies that block audio playback, which we solved by implementing a user triggered initialization step to unlock the audi.

Accomplishments that we're proud of We are proud of creating a musical experience where multiple people can form a layered orchestra through spatial interaction.

What we learned We learned how to use low-level browser APIs to build multi user audio environments without the need for a heavy backend server.

What's next for Synapse We plan to evolve Synapse into a 3D spatial audio environment and integrate WebRTC to allow real time microphone bridging for a fully collaborative jam session.

Built With

• css
• html
• javascript