COLUCA

Radio Without Borders — a fast, focused listening platform for live stations, discovery and reliable playback across desktop and mobile web experiences.

CategoryAudio streaming platform

ExperienceWeb · PWA · mobile-first

PlaybackAAC + MP3 fallback patterns

Livecoluca.app ↗

Radio should start, not negotiate.

Streaming products often hide a surprising amount of complexity behind a play button: stream formats, device quirks, browser restrictions, failing endpoints, metadata timing and UI state. COLUCA is designed around the opposite feeling — the listener should simply choose a station and hear it.

One player state

A persistent player keeps playback independent from browsing. The user can move through stations, search, inspect content and save favorites while the current stream remains the center of the experience.

Resilient playback

Where possible the platform can prefer the best supported stream and fall back when a source is unavailable or a device behaves differently. This matters especially on mobile browsers and installed PWAs, where autoplay and media handling vary by platform.

Audio controls that matter

Volume normalization and equalizer controls are designed to reduce jumps between stations and give listeners useful control without turning the product into an audio engineering console.

The technology disappears when the station starts immediately and keeps playing.

Discovery without clutter

COLUCA combines station categories, favorites, search and profile features in a compact interface. The catalogue can expand without making the navigation feel like a directory from another era.

Built to travel

The product direction is inherently international: stations, countries, genres and languages can be added to the same listening model. “Radio Without Borders” is both the brand line and the product architecture.

A tiny player with a serious state machine.

Discovery UI

StationsSearchGenresFavorites

Player state

idleloadingplayingretryingfailed

Stream strategy

preferred sourceAACMP3 fallbackhealth

Experience layer

PWAlock screen metadataresponsive controls

player-machine.ts

switch (player.state) { case "loading": return await audio.open(station.preferred) .catch(() => player.transition("fallback")) case "fallback": return await audio.open(station.fallback) .then(() => player.transition("playing")) case "playing": metadata.sync(station) favorites.observe(station.id) }