Skip to content
Logo FRACTAL TECH
Start a Project

Dubai, United Arab Emirates (FZC)

ZenScape Logo
Streaming & Ambient Immersion

ZenScape

Virtualizing continuous HLS live streams and low-latency audio/video ambient immersion on Cloudflare edge infrastructure.

HLS Virtualization Cloudflare Workers & DOs TanStack Start Multi-HDR Transcoding Real-Time Sync

Redefining Ambient Mindfulness Through Interactive Streaming

ZenScape is an immersive digital sanctuary delivering frame-synchronized, high-fidelity ambient music and cinematic visuals to help users focus, relax, and cultivate deep states of presence.


The Engineering Challenge

Delivering live, synchronized ambient radio paired with ultra-high-definition 4K visuals presents complex technical hurdles:

  1. Continuous Live Streaming from VOD Assets: Traditional live streaming requires continuous compute-intensive RTMP ingest encoders running 24/7. ZenScape required a virtualized HLS architecture capable of dynamically sequencing VOD media segments into a frame-perfect live broadcast window on the fly.
  2. Multi-Platform Temporal Synchronization: Ensuring playback timeline alignment between background ambient music, dynamic visual loops, client player hooks, and Google Cast targets without desync.
  3. Edge Micro-Architecture: Running stateful playback arbitration and subscriber telemetry at global edge locations with zero database connection pooling bottlenecks.

Fractal Technologies' Architectural Solutions

Fractal Technologies architected and built ZenScape's end-to-end media delivery and application stack:

  • Gemini HLS Live Stitcher: Engineered a deterministic TypeScript/Rust manifest virtualization engine that dynamically stitches audio and video VOD segments into a continuous, sliding live window with continuity sequence preservation and ABR variant resolution.
  • Serverless Edge Primitives on Cloudflare: Designed a distributed architecture utilizing Cloudflare Workers, Durable Objects (MediaPlaylistDO), and D1 edge databases to maintain persistent timeline authority and real-time playback telemetry.
  • Modern Full-Stack Client on TanStack Start: Rebuilt the client experience on TanStack Start, implementing custom hooks (useNowPlayingMetadata, useRadioTimelineSync) for frame-accurate timeline anchoring and dual-state volume curves.
  • Multi-HDR Transcoding Pipeline: Implemented automated Python-based transcoding infrastructure supporting Dolby Vision, HDR10+, and HDR10 bitrate ladders packaged via Shaka Packager.

Engineering Outcomes

  • 100% Deterministic Timeline Continuity: Flawless virtualized HLS live streaming with zero encoder runtime costs.
  • Sub-50ms Global Edge Response: Edge-located playlist generation and token verification powered by Cloudflare Workers.
  • Frame-Accurate Cast Integration: Cast sender-receiver synchronization with accurate clock authority handoffs.