Novus Stream Solutions

Category

Visualizers

Building and using Novus Visualizers — reading audio with the Web Audio API, the engine/preset system, beat-synced rendering, and exporting release-ready video in the browser with WebCodecs.

28 articles

28 articles in this thread

  1. The full Novus Visualizers story: audio analysis, engine-and-mode render, and client-side WebCodecs export

    Visualizers · Jun 7, 2026

    Building Novus Visualizers: from uploaded track to exported video

    The complete story of turning a music file into a finished video in the browser — audio analysis, rendering, Classic and Studio editing, WebCodecs export, and the scoping discipline behind it.

    Novus Visualizers

  2. An audio spectrum split into bass, mid, and treble bands, each driving a separate visual effect

    Visualizers · Jun 4, 2026

    Multi-band beat sync: triggering bass, mid, and treble independently

    Why splitting the audio into bands makes a visualizer feel like it is actually listening to the music.

    Novus Visualizers

  3. A phone showing a vertical 9:16 music visualizer with the platform UI safe zones marked

    Visualizers · Jun 1, 2026

    Making a vertical music visualizer for TikTok & Reels

    The 9:16 frame, safe zones for platform UI, designing for sound-off with captions, the first-second hook, and exporting a vertical visualizer that works on TikTok and Reels.

    Novus Visualizers

  4. A three-stage upload, customize, export flow with the friction points removed at each handoff

    Visualizers · May 31, 2026

    Designing an upload → customize → export flow a first-timer can actually finish

    How a deliberately linear three-stage flow turns a deadline-heavy creative task into something a first-timer completes in one session.

    Novus Visualizers

  5. Picking an engine and mode as a working starting point while the editors provide the customization that avoids a blank canvas

    Visualizers · May 30, 2026

    Engine and mode starting points: creative control without blank-canvas paralysis

    The case for engine-and-mode starting points over a blank editor, and how the Classic Editor and Studio Workstation keep a shared start from flattening into sameness.

    Novus Visualizers

  6. A narrow MVP core loop protected from a surrounding cloud of deferred feature ideas

    Visualizers · May 29, 2026

    What we deliberately left out of the Visualizers MVP — and why scoping down shipped it

    How narrowing the scope, rather than expanding it, is what actually got the product live.

    Novus Visualizers

  7. Client-side export pipeline: rendered frames encoded with WebCodecs to MP4 or WebM with platform presets

    Visualizers · May 28, 2026

    Exporting a release-ready video in the browser — and the tradeoffs we accepted

    What "release-ready" means when the encoding happens in your browser, and the compromises that made shipping it possible.

    Novus Visualizers

  8. Audio signal flowing through FFT, beat, and loudness analysis to drive visual parameters per frame

    Visualizers · May 27, 2026

    Turning sound into motion: reading audio with the Web Audio API

    The bridge from a raw audio file to motion that actually responds to the music, explained at the level of the signal.

    Novus Visualizers

  9. Music visualizer development retrospective from concept through launch

    Visualizers · May 8, 2026

    Building a music visualizer from scratch: what we learned launching Novus Visualizers

    The honest version of what building a music visualizer app actually involved.

    Novus Visualizers

Browse every topic in the resource hub