360 Viewer
Upload 360 photos/videos, organize them into projects, and annotate scenes with markers and polygons.
Tip: switch language from the menu — the viewer URLs work under /ar/ and /fr/ too.
Quick start
- Sign in (session-based).
- Create a project (folder).
- Upload media and select a scene to open it.
- Use “Draw polygon” to annotate and save to MySQL.
Projects (folders)
Each project groups your scenes and keeps navigation clean.
Secure uploads
Server validates MIME types and stores only relative paths in the database.
Polygons & markers
Annotate a scene using yaw/pitch coordinates and persist overlays in MySQL.
How polygon drawing works
- Click points in the viewer to collect [yaw, pitch] coordinates.
- Press “Draw polygon” again to finalize and save.
- Reloading the same scene restores saved polygons from the database.
Mobile & iPhone video
- For 360 video, iOS requires a user gesture before playback.
- The viewer shows an “Enter tour” overlay to start video safely.
- Videos are forced inline using playsinline + muted to reduce autoplay issues.
Data model & API
The platform is additive: legacy pages remain intact while the viewer uses a JSON API.
- Session auth: $_SESSION[\"user_id\"].
- CSRF: send X-CSRF-Token for state-changing API requests.
- Tables: users, projects, media_nodes, point_markers, polygon_shapes.