An Riverside alternative by a kid
Professional Multi-track Remote Recording Studio.
podOn is a high-fidelity, resilient recording platform designed to capture studio-quality audio and 4K video from anywhere in the world. Built with the "Riverside Architecture," it prioritizes local recording over network streams to ensure zero data loss and crystal-clear quality regardless of internet fluctuations.
Most video apps (Zoom/Meet) record the compressed internet stream, which leads to glitches and blur. podOn works differently:
- Dual-:Stream System:
- Live Stream: Powered by LiveKit (SFU) for low-latency communication.
- Local Track: Captured via MediaRecorder API directly from the hardware source in the browser.
- Resilient Chunking: Video is recorded in 10-second blobs and uploaded progressively to Cloudinary.
- Automatic Stitching: Cloudinary's "Upload Large" API stitches chunks into a single high-quality file using a unique
X-Unique-Upload-Id. - State Persistence: A custom Socket.io State Map manages the "Brain" of the studio (Lobby, Approval, Recording Sync).
- Framework: React 18 + Vite (TypeScript)
- Styling: Tailwind CSS + shadcn/ui (Rhea Style / Violet Theme)
- RTC: LiveKit SDK
- Communication: Socket.io-client & Axios
- Icons: Lucide React
- Runtime: Node.js + Express (TypeScript)
- Database: MongoDB (Mongoose)
- Real-time: Socket.io (State-managed)
- Security: JWT (JSON Web Tokens) & BcryptJS
- Validation: Zod (Schema-based validation)
- Node.js (v18+)
- MongoDB Atlas account
- Cloudinary account
- LiveKit Cloud project
# Clone the repository
git clone https://github.com/yourusername/podon.git
# Install Backend dependencies
cd backend
npm install
# Install Frontend dependencies
cd ../frontend
npm install