← Back to the gallery

See it in action

A 43-second tour of the gallery — the camera, the sphere, the albums, the map and the tools. Silent, so it is safe to play anywhere.

Where the need came from

The Insta360 X5 up on its selfie stick
The culprit — an Insta360 X5 on its (invisible) stick.

In the spring of 2026 an Insta360 X5 joined the family and started tagging along everywhere — to the Italian Alps, the fjords of Greenland, the Faroe Islands, Montreal and Niagara Falls, and to everyday moments at home. The camera produces gorgeous 8K spherical photos and video, but sharing them turned out to be the hard part. The biggest problem: almost nothing handles both 360° photos and video in the same place — plenty of tools do one or the other, hardly any do both. On top of that, cloud services recompress the material, generic gallery software shows a 360° panorama as a flat, distorted rectangle, and family moments deserve an audience chosen by the family — not by an advertising platform. The conclusion: build one, and run it at home.

The logo

The logo — the world's landmarks gathered around a spinning globe — was created by Mathias's 13-year-old daughter using ChatGPT's image generator. AI clearly runs in the family.

How it was built

Mathias 360 Viewer is deliberately small — and vibe coded: PHP 8 with no framework and no database — albums are folders, metadata is a JSON file per album. Photo Sphere Viewer 5 renders the sphere in WebGL, and FFmpeg does the media lifting. Everything runs on a Synology NAS in a closet, published to the internet through a Cloudflare Tunnel — no open inbound ports on the home network, no direct route to the NAS from the outside, just an encrypted outbound connection to Cloudflare's edge.

Around the gallery sits a content pipeline: raw dual-fisheye files are GPU-stitched on a workstation, an ingest step generates thumbnails and web renditions, photos are geotagged by matching the camera clock against the family's phone location history, and the untouched originals are always archived. Virtually every line of code was written by AI agents, working in Visual Studio Code, under Mathias's direction, release by release, with written specs, code review and acceptance criteria for every step. That is the quiet second purpose of this site: Mathias works with AI every day, and this gallery is his proving ground for how far a well-directed team of AI agents can take real software. A hobby project run like a real one.

The files in the albums are originally very large but have been downsized to load faster.

A terminal snippet showing Claude Code deliberating on a task

Features

← Back to the gallery