Radio drUzi

Radio drUzi is a culturally significant media initiative, serving as the first Ukrainian radio station established in Estonia. Representing a vital community anchor, its mission centers on fostering harmonious cultural exchange and preserving Ukrainian identity within the Baltic region through music, news, and collaborative broadcasting.

As part of our commitment to Corporate Social Responsibility (CSR), NSWEB joined the project as a pro-bono technology partner. We took full ownership of designing and implementing their digital web broadcasting infrastructure, expanding the station's reach beyond traditional FM frequencies into the global digital space.

1. Radio drUzi web platform engineered by NSWEB

The Challenge

Engaging with live media broadcasting requires an ultra-stable web environment. When users tune into a live digital stream, they expect zero audio latency, efficient data buffering, and uninterrupted playback.

From a frontend architecture perspective, the core challenge was ensuring a Single Page Application (SPA) flow: the audio player needed to remain active and completely uninterrupted as the user navigated between different pages.

Note: NSWEB was integrated strictly as an Engineering partner, executing code architecture and stream optimization based entirely on UI assets and layouts provided directly by the client's internal team.

Our Solutions

Vue.js

Nuxt.js

Typescript

CSS

Node.js

Vercel

1. High-Availability Audio Streaming (Icecast & HTML5)

We engineered a custom media pipeline optimized for live digital audio transmission.

• Icecast Integration: Structured the platform's media core to consume high-fidelity, live audio feeds directly from the station's central Icecast streaming server.
• Native HTML5 Audio API Layer: Instead of forcing heavy, bloated third-party media player libraries onto the user, we engineered a lightweight abstraction layer using the native HTML5 Audio API mixed with custom JavaScript state machines. This minimized the application's JavaScript bundle weight while maintaining total control over buffer arrays, playback hooks, and volumetric leveling.

2. Seamless SPA Navigation Architecture

To guarantee that the audio broadcast never glitches or restarts during user interaction, we maximized the routing capabilities of Nuxt.

• Persistent Audio Context: Implemented a global reactive state machine within the Nuxt 3 / Vue.js lifecycle. Because Nuxt handles page routing on the client side without triggering full browser reloads, listeners can browse the entire website completely free of stream interruptions.
• Choreographed Motion UI: Added subtle, hardware-accelerated GSAP animations to the player modules and UI cards, reflecting a modern, community-centric digital media hub.

3. Edge Optimization & Deployment

To protect a community-driven platform from heavy hosting expenses, we focused on resource efficiency.

• Static Frame Rendering: The structural layers of the platform are built with pre-rendered server blocks, ensuring near-instant load speeds and bulletproof SEO indexing across regional search parameters.
• Global Edge Hosting: Deployed via Vercel's global edge network, ensuring the application frame loads immediately, instantly offloading web traffic from the core Icecast media stream.

The Community & Technical Outcome

• Flawless Live Digital Launch: NSWEB successfully moved Radio drUzi into the digital space. The web platform proved highly stable during peak live events, easily maintaining 100+ concurrent live web listeners with zero server degradation or buffer delays.
• Zero-Interruption UX Accomplished: By establishing a persistent HTML5 audio lifecycle across the Nuxt ecosystem, we achieved a perfect, uninterrupted listening experience during continuous site navigation.
• Infrastructure Handover & Evolution: Following a highly successful deployment and initial operational cycle, the production-ready infrastructure and stabilized streaming core were fully handed over to the client's internal team. While subsequent third-party developers have since completely re-designed the frontend application and altered the original interface, our initial full-cycle deployment served as the foundational launchpad that successfully brought Estonia's first Ukrainian radio into the digital broadcasting era.