← Back to Portfolio
TypeScript Media

SyncPlayer

A synchronized playback solution built with TypeScript, complementing the Next-Sync-Player ecosystem.

Live Demo ↗ View on GitHub ↗

About the Project

Peer-to-peer synchronized playback for local files and direct online media URLs.

Core Architecture

  • Web app cockpit: Immersive playback UI, room controls, peer status, logs, and settings.
  • WebRTC peer layer: Discovery, manual invites, data channels, latency checks, and sync messages.
  • WASM sync core: High-performance file fingerprinting, time math, drift decisions, and media helpers.
  • Shared contracts: Message schemas, media identity types, and cross-package utilities.

Key Features

  • Local video/audio file mounting.
  • Direct media URL mounting for common progressive files such as MP4, WebM, OGG, MP3, WAV, M4A, AAC, FLAC, and Opus.
  • HLS .m3u8 and MPEG-DASH .mpd online stream playback.
  • Manual WebRTC offer/answer pairing with shareable invite links that hide raw WebRTC offer/answer text.
  • WebRTC DataChannel playback-state messages and peer latency pings.