Lofi ATC

Web app that mixes lofi beats with live air traffic control radio.

[svelte, rust, axum, ffmpeg, yt-dlp, cloudflare] source ↗ live ↗ writeup →

overview

Svelte frontend with Web Audio API for client-side audio mixing. Rust backend using Axum and Tokio for async stream proxying, CORS handling, and FFmpeg transcoding of YouTube streams extracted via yt-dlp. Supports LiveATC feeds from JFK, LAX, ORD, and CYYZ. Self-hosted and exposed via Cloudflare Tunnel.

challenges

Handling CORS for cross-origin audio streams from LiveATC and YouTube
Client-side audio mixing with independent volume control
Extracting direct stream URLs from YouTube live streams

solutions

Rust backend proxy with Axum for unified stream interface
Web Audio API with dual GainNodes for independent ATC and music volume
yt-dlp integration for automatic YouTube stream URL extraction

learnings

Web Audio API — dual-track audio engine with independent gain control
Rust async HTTP — long-lived streaming connections with Axum and Tokio
Stream proxying patterns for CORS-restricted audio sources
FFmpeg transcoding and yt-dlp integration for live stream extraction
Self-hosting with Cloudflare Tunnel

future

Spotify and SoundCloud integration
Audio visualization with spectrum analyzer
Mobile-responsive design