Вирт. пространство · photo-sphere-viewer

Photo Sphere Viewer

360° виртуальные галереи и туры по панорамам с хотспотами

Tier 2СреднеОсторожно на мобилеfree (MIT)JS / React / Vue / vanilla

Design DNA

«Посетитель «стоит в зале»: крутит головой, кликает на работу — без строительства своего Matterport.»

Use with AI

Скопируй промпт и отдай агенту. Он реализует решение в твоём стеке — не копирует чужой код.

Встрой Photo Sphere Viewer: одна стартовая панорама, 2–5 хотспотов, опционально соседние сцены lazy.
Mobile: меньше разрешение, без автоспина. Fallback — JPEG + список работ.
Не строй R3F-музей в этом MVP.

Что умеет

·Equirectangular / cubemap панорамы
·Хотспоты, галереи сцен, переходы между залами
·Маркеры с описанием экспонатов
·Плагины: галерея, компас, гироскоп

Чего не умеет

·Не полноценный 3D-движок с мебелью и физикой
·Не заменяет съёмку/подготовку панорам
·Не AR «в комнате» как model-viewer

Когда брать

·Портфолио, музей, шоурум, недвижимость «посмотри зал»
·Нужен тур по пространству за дни, не месяцы

Когда не брать

·Нужен кастомный 3D-мир → Spline / R3F
·Одна модель товара → model-viewer
·Просто сетка фото → обычная галерея

С чем сочетается

GSAP (переходы UI)model-viewer (деталь рядом)Driver.js (онбординг)

Альтернативы

PannellumA-FrameSpline roomMatterport embed

Типичные ошибки

·8K на мобиле
·Автоспин без остановки
·Десять сцен сразу без lazy
·Не проверил производительность на iPhone SE. WebGL и AI-модели могут убить батарею или вызвать краш. Всегда делай фоллбэк на статику через matchMedia или детект мощности устройства.

Демо и ссылки

photo-sphere-viewer.js.org