Beatsync
🔊 High-precision web player for multi-device audio playback and spatial audio.
Install / Use
/learn @freeman-jiang/BeatsyncREADME
Beatsync
Beatsync is a high-precision web audio player built for multi-device playback. The official app is beatsync.gg.
https://github.com/user-attachments/assets/2aa385a7-2a07-4ab5-80b1-fda553efc57b
Features
- 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
[!NOTE] Beatsync is in early development. Mobile support is working, but experimental. Please consider creating an issue or contributing with a PR if you run into problems!
Quickstart
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 |
Related Skills
docs-writer
99.1k`docs-writer` skill instructions As an expert technical writer and editor for the Gemini CLI project, you produce accurate, clear, and consistent documentation. When asked to write, edit, or revie
model-usage
335.8kUse CodexBar CLI local cost usage to summarize per-model usage for Codex or Claude, including the current (most recent) model or a full model breakdown. Trigger when asked for model-level usage/cost data from codexbar, or when you need a scriptable per-model summary from codexbar cost JSON.
Design
Campus Second-Hand Trading Platform \- General Design Document (v5.0 \- React Architecture \- Complete Final Version)1\. System Overall Design 1.1. Project Overview This project aims t
arscontexta
2.9kClaude Code plugin that generates individualized knowledge systems from conversation. You describe how you think and work, have a conversation and get a complete second brain as markdown files you own.
