Skip to main content

viser4d

viser4d is a small extension of viser for recorded 3D scenes with a time dimension.

Features include:

  • Record scene updates across discrete timesteps with with server.at(t):.
  • Play, pause, scrub, and step through the timeline directly in the browser.
  • Stream long recordings in chunks and preload nearby timeline blocks for responsive scrubbing.
  • Keep playback client-local so different browser tabs can explore the same recording independently.
  • Attach timeline-synced audio tracks.
  • Export recordings as .viser files or standalone HTML.

The goal is to keep viser's live scene API while adding a separate recorded timeline API for playback and export.

Chunking is controlled by viser4d.StreamingConfig. By default, Viser4dServer populates it from two environment variables, both plain integers: VISER4D_BLOCK_SIZE (steps per block, default 32) and VISER4D_CLIENT_CHUNK_CACHE_SIZE (per-client preload budget in bytes, default 1000000000). You can also pass streaming=viser4d.StreamingConfig(...) for one server instance.

Playback controls are drawn by the viser4d runtime as an overlay bar at the bottom of the viewer (play/pause, scrubbing, stepping, speed, loop); playback state is client-local, so each browser tab explores the recording independently.

Installation

You can install viser4d with pip:

pip install viser4d

Quickstart

import numpy as np
import viser4d

server = viser4d.Viser4dServer(num_steps=10, fps=10)

server.scene.add_frame("/origin", axes_length=0.25)
server.scene.add_grid("/ground", width=10.0, height=10.0)

point_cloud = None
for t in range(10):
    with server.at(t) as timeline:
        points = np.random.uniform(-1.0, 1.0, size=(200, 3))
        if point_cloud is None:
            point_cloud = timeline.scene.add_point_cloud(
                "/points",
                points=points,
                colors=(255, 200, 0),
            )
        else:
            point_cloud.points = points

server.sleep_forever()

Open the viewer in your browser and use the built-in Playback controls to play, pause, scrub, and step through the recorded timeline.

Outside server.at(t), server.scene behaves like normal viser. Inside server.at(t), writes to timeline.scene and timeline.audio are recorded into the timeline.

More Examples

Export

blob = server.serialize()
html = server.as_html()

Use server.serialize() to export a .viser recording and server.as_html() to export a self-contained HTML viewer. Both use the same viser4d playback bar and clock as live sessions, including speed, looping, and synchronized audio. The native viser container holds the static scene and one offline timeline; its own clock stays idle. Exported arrays are encoded as base64 with their dtype inside that timeline command. A cropped export shifts track anchors while retaining full samples so later append and replacement events remain valid.

Design

Every scene-mutating viser message reduces to a keyed put or a node delete, so the scene at any timestep is a map key -> entry and each entry carries a monotonic rev. Two entries are identical iff their revs match, so nothing ever deep-compares payloads.

Each recorded timestep stores only its delta. Deltas are grouped into blocks of block_size steps, spilled to disk as zstd+msgpack, and served to the browser with a checkpoint: the folded state just before the block's first delta. The browser folds checkpoint + deltas[0..offset], diffs by rev against what it has already pushed into viser, and drives playback from its own clock — the server sends data, not frames.

Writes made outside server.at(t) become overrides: a keyed overlay applied on top of every step, where the node exists. Audio is a per-step event stream folded by viser_audio.AudioState and played by viser_audio.AudioEngine against the same transport clock in live and exported playback. The Python recording context exposes viser_audio.AudioApi directly:

with server.at(step) as timeline:
    track = timeline.audio.add("/speech", samples, sample_rate)
    track.volume = 0.8

with server.at(next_step):
    track.append(more_samples)
    track.samples = replacement_samples

Tracks default to the current step's time; explicit start_time values are in seconds. samples reads normalized float32 PCM. Import handle types from viser_audio. No older audio API or wire-protocol aliases are retained.

Each module's docstring documents its own part in detail; _state.py holds the key derivation table and the fold rules.

Development

uv sync --group dev

# Rebuild after changing TypeScript, protocol definitions, or viser-audio.
npm --prefix src/viser4d/client ci
npm --prefix src/viser4d/client run build

uv run --group dev ruff check . && uv run --group dev ruff format --check .
uv run --group dev ty check
uv run --group dev pytest -q
npm --prefix src/viser4d/client run typecheck

src/viser4d/runtime.js and src/viser4d/client/protocol.gen.ts are generated and checked in. Rebuild and commit them when their inputs change. Builds resolve the TypeScript engine and protocol directly from the installed viser-audio Python package; they do not keep a separate copy of its source. prepare-client.mjs creates a local module link under the ignored node_modules directory.

The supported viser series is 1.1. There is no runtime Node bootstrap, stale-bundle fallback, or separate compatibility job for older viser versions.

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

viser4d-0.20.0.tar.gz (65.5 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

viser4d-0.20.0-py3-none-any.whl (42.4 kB view details)

Uploaded Python 3

File details

Details for the file viser4d-0.20.0.tar.gz.

File metadata

  • Download URL: viser4d-0.20.0.tar.gz
  • Upload date:
  • Size: 65.5 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? Yes
  • Uploaded via: uv/0.12.13 {"installer":{"name":"uv","version":"0.12.13","subcommand":["publish"]},"python":null,"implementation":{"name":null,"version":null},"distro":{"name":"Ubuntu","version":"24.04","id":"noble","libc":null},"system":{"name":null,"release":null},"cpu":null,"openssl_version":null,"setuptools_version":null,"rustc_version":null,"ci":true}

File hashes

Hashes for viser4d-0.20.0.tar.gz
Algorithm Hash digest
SHA256 73fa7ee173e442dd964645cc2defff5912b723e52e3407b7e71499f9215b1fee
MD5 89165bd6dc15f80989ebea0ebd5bf14a
BLAKE2b-256 ba279a8171e28a84c32cdc81326c9ce9ca5c5f270abf7e16fc9cade1f3600128

See more details on using hashes here.

File details

Details for the file viser4d-0.20.0-py3-none-any.whl.

File metadata

  • Download URL: viser4d-0.20.0-py3-none-any.whl
  • Upload date:
  • Size: 42.4 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? Yes
  • Uploaded via: uv/0.12.13 {"installer":{"name":"uv","version":"0.12.13","subcommand":["publish"]},"python":null,"implementation":{"name":null,"version":null},"distro":{"name":"Ubuntu","version":"24.04","id":"noble","libc":null},"system":{"name":null,"release":null},"cpu":null,"openssl_version":null,"setuptools_version":null,"rustc_version":null,"ci":true}

File hashes

Hashes for viser4d-0.20.0-py3-none-any.whl
Algorithm Hash digest
SHA256 e75fda85fa3e29f0e3122c16b2a62795ab3f86f50cde9f949858f5dc2a201c2c
MD5 ecb5abe4be241e067a854a0bfc81236f
BLAKE2b-256 57edc59aced1b6ae30b61df6ae1efd67bc7570894caa3e2f7cbed8535558d6ae

See more details on using hashes here.

Release history Release notifications | RSS feed

This release

0.20.0 This release

2 files

0.19.0

2 files

0.18.1

2 files

0.18.0

2 files

0.17.4

2 files

0.17.3

2 files

0.17.2

2 files

0.17.1

2 files

0.17.0

2 files

0.16.2

2 files

0.16.0

2 files

0.15.1

2 files

0.15.0

2 files

0.14.1

2 files

0.14.0

2 files

0.13.6

2 files

0.13.5

2 files

0.13.4

2 files

0.13.3

2 files

0.13.2

2 files

0.13.1

2 files

0.13.0

2 files

0.12.0

2 files

0.11.1

2 files

0.11.0

2 files

0.10.0

2 files

0.9.2

2 files

0.9.1

2 files

0.9.0

2 files

0.8.6

2 files

0.8.5

2 files

0.8.4

2 files

0.8.3

2 files

0.8.2

2 files

0.8.1

2 files

0.8.0

2 files

0.7.2

2 files

0.7.1

2 files

0.7.0

2 files

0.6.7

2 files

0.6.6

2 files

0.6.5

2 files

0.6.4

2 files

0.6.2

2 files

0.6.1

2 files

0.6.0

2 files

0.5.5

2 files

0.5.4

2 files

0.5.3

2 files

0.5.2

2 files

0.5.1

2 files

0.5.0

2 files

0.4.0

2 files

0.3.5

2 files

0.3.4

2 files

0.3.3

2 files

0.3.2

2 files

0.3.1

2 files

0.3.0

2 files

0.2.1

2 files

0.2.0

2 files

0.1.1

2 files

Anthropic, PBC Visionary sponsor Bloomberg Visionary sponsor Hudson River Trading Visionary sponsor Meta Visionary sponsor NVIDIA Visionary sponsor Microsoft Sustainability sponsor Depot Continuous Integration AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Sentry Error logging StatusPage Status page