freeman-jiang/beatsync: High-precision web audio player for multi-device playback and spatial audio.

Date:

Share:

Beatsync is a high-precision web audio player built for multi-device playback.


beatsync-demo.mov


  • Millisecond-accurate synchronization: Abstracts NTP-inspired time synchronization primitives to achieve a high degree of accuracy
  • Cross-platform: Works on any device with a modern browser (Chrome recommended for best performance)
  • Spatial audio: Allows controlling device volumes through a virtual listening source for interesting sonic effects
  • Polished interface: Smooth loading states, status indicators, and all UI elements come built-in
  • Self-hostable: Run your own instance with a few commands

Warning

Beatsync is in early development. Currently, only desktop Chrome browsers are fully supported.

Mobile device synchronization is experimental and may be unstable.

This project uses Turborepo.

Fill in the .env file in apps/client with the following:

NEXT_PUBLIC_API_URL=http://localhost:8080
NEXT_PUBLIC_WS_URL=ws://localhost:8080/ws

Run the following commands to start the server and client:

bun install          # installs once for all workspaces
bun dev              # starts both client (:3000) and server (:8080)

Directory Purpose
apps/server Bun HTTP + WebSocket server
apps/client Next.js frontend with Tailwind & Shadcn/ui
packages/shared Type-safe schemas and functions shared between client & server

Source link

Subscribe to our magazine

━ more like this

My Upcoming Events in Boulder

Now that I’m out of hibernation for a while and back in Boulder for a month, I’m doing a bunch of public events.My approach,...

Did Ryan Reynolds and Blake Lively Sneak A Ruthless Roast of Justin Baldoni Into ‘Deadpool & Wolverine’?

With all the tabloid-worthy drama revolving around the beef between Blake Lively and Justin Baldoni, has anyone even bothered to ask the It Ends with...

The Best Early Memorial Day Sales & Deals 2025

Abercrombie & Fitch: 30% off swim and shorts, and 20% off everything else (live)Adidas: 20% off gift cards (live)Ann Taylor: $50 off every $100...

Westman Atelier Baby Cheeks Powder Blush Duos

Westman Atelier launched Powder Cheek Duos in two different formats ($75 each). I picked up two of the Baby Cheeks Powder Blush Duos and...