360° Tour Viewer

Turn any 360° photo or video into an explorable scene with clickable knowledge hotspots.

Restore your previous work?

Quick build (with AI)

The AI can't see your image, so you tell it the spots. It just writes the wording. You place the pins yourself.

1. Copy the prompt and paste it into ChatGPT or Claude.

2. Paste the AI's JSON output below and load it in.

Text

360° media

Use a 2:1 equirectangular panorama, ideally 4096 × 2048 px or larger.

Video: paste an .mp4 URL (video is never embedded, keeping the file small).

Hotspots

Add a hotspot, type its title and description, then drag its pin onto the right spot in the preview — or click "Place on scene" and click the scene.

Viewer behavior

Auto-rotate until the learner interacts

Slowly spins the view on load.

Lower zooms in, higher zooms out.

Hotspot tracking

Show visited state on hotspots

Opened hotspots get a checkmark.

Require all hotspots to be visited

Shows a progress counter and a completion message when every hotspot has been opened.

Confetti on completion

Celebrates when all hotspots are visited. Respects reduced-motion settings.

Typography

Shape & color

0 = perfectly square corners.

Primary (title, hotspot pins)
Accent (visited / success)
Page background
Card background (callouts)

Motion

Animations & transitions

Off disables pulses, fades, and confetti.

♿ WCAG AA Included: Keyboard navigation, screen reader support, visible focus indicators, and reduced motion support are built into every export automatically.

Live Preview: dimensions in the live preview are not always to scale.