Медиа-экраны

Медиа-экраны — это плоские панели с изображением или видео, прикреплённые к поверхностям внутри 3D-модели. В готовом туре они выглядят как часть интерьера: картины на стенах, рекламные экраны, телевизоры, таблички с информацией, баннеры.

В отличие от тегов, у медиа-экрана нет отдельного маркера в пространстве — сам экран и есть видимый объект. При желании экрану можно назначить действие: клик открывает описание, ведёт на внешний URL или переключает посетителя на другую сцену тура.

Медиа-экраны живут на вкладке «Медиа» (иконка плёнки) в группе «Контент» в верхней панели 3D Студии.

Шаги

• В левой карточке «Медиа-экраны» нажмите «+ Новый» в правом верхнем углу — в списке появится новый экран с пустыми настройками.
• Выберите его в списке — справа откроется карточка «Детали».
• Нажмите «Разместить» (а если экран уже был размещён — «Переместить») и кликните на нужную поверхность в превью тура справа. Экран прикрепится к этой точке, нормаль поверхности подхватится автоматически — экран всегда смотрит перпендикулярно стене / потолку / полу.
• Переключатель «Активно» временно скрывает экран из тура без его удаления — удобно при подготовке контента.

В аккордеоне «Файл» выбирается, что именно отображается на экране — изображение или видео.

Тип «Изображение»

• Поддерживаются PNG, JPG, WebP.
• Файл можно загрузить напрямую через кнопку «Выбрать файл» или подставить из медиатеки кнопкой «Из медиатеки».
• После загрузки сервер автоматически конвертирует изображение в WebP и уменьшает до 1980×1080 px по большей стороне (вписывание с сохранением пропорций).

Тип «Видео»

• Поддерживаются MP4 и WebM.
• Максимальный размер файла — 10 МБ.
• Видео не конвертируется на сервере — загружается в исходном виде, поэтому ответственность за кодек, битрейт и размер ложится на пользователя.
• В туре видео воспроизводится в режиме петли (loop) и без звука — это стандарт для медиа-экранов.
• Кнопка «Из медиатеки» для видео не показывается: в глобальной медиатеке хранятся только изображения и SVG.

Аккордеон «Действие при клике» определяет поведение экрана при нажатии. Доступны три карточки‑варианта, каждая со своей иконкой:

• Стандарт — экран отображается, но не реагирует на клики. Подходит для декоративных элементов: картин, фонов, фирменных паттернов, статичных табличек.
• Как тег — при клике открывается модальное окно с заголовком и текстовым описанием — то же оформление, что у обычного тега в режиме «Открыть панель». Удобно для информационных стендов, описания экспонатов, карточек товара.
• Ссылка — при клике посетитель уходит либо на внешний URL, либо на другую сцену внутри этого же тура. После выбора этой карточки появляется переключатель типа ссылки:
  • Внешняя ссылка — поле URL и переключатель «Открывать в новой вкладке». Подходит для рекламных баннеров и кнопок с призывом к действию.
  • Внутренняя ссылка — выпадающий список со сценами текущего проекта. Клик по экрану в туре переключит посетителя на выбранную сцену. Удобно для «вывесок» в холле, перенаправляющих в нужную комнату, или для фирменных навигационных табличек.

Если выбран любой интерактивный режим — «Как тег» или «Ссылка» — становятся доступны настройки визуальной реакции экрана на наведение курсора. Для типа «Стандарт» эти настройки скрыты, так как экран не интерактивен.

В поле «Эффект при наведении» один из вариантов:

• Без эффекта — визуально экран не меняется.
• Пульс — лёгкая пульсация, привлекающая внимание.
• Увеличение — экран немного увеличивается.
• Уменьшение — экран немного уменьшается.
• Вспышка — кратковременная вспышка яркости.

Дополнительный чекбокс «Показывать название при наведении» выводит заголовок экрана подписью над ним при наведении курсора. Это помогает обозначить кликабельность без постоянно видимой надписи.

В аккордеоне «Размеры и положение» задаются физические параметры экрана в пространстве 3D-модели. Размеры — в метрах, поворот — в градусах.

• Ширина (м) и Высота (м) — реальные габариты экрана. Числовые поля с шагом 0.01, минимум 0.01. Значения по умолчанию — 1.20 × 0.675 (стандартные пропорции 16:9).
• Соотношение — поле только для чтения, автоматически пересчитывается из ширины и высоты. Удобно для визуального контроля при подгонке.
• Поворот (°) — угол поворота экрана вокруг нормали поверхности, шаг 1°. Используется для тонкой подстройки ориентации, когда исходное изображение нужно довернуть.
• Отступ от поверхности — ползунок 0–0.5 м с шагом 0.001, значение по умолчанию 0.01 м. Определяет, насколько экран выдвинут вперёд от поверхности, к которой прикреплён.

Перетаскивание в просмотрщике

Перетаскивание медиа-экрана прямо во вьюере мышью не предусмотрено. Чтобы переместить экран в другую точку, используйте кнопку «Переместить» и кликните в новое место — так точно сохранится ориентация по нормали поверхности. (Drag прямо в 3D работает только для тегов — см. Теги и сцены.)

Если в проекте есть хотя бы один медиа-экран типа «Видео», в левой части вкладки «Медиа» появляется компактный блок «Качество видео» с выбором одного из трёх уровней качества воспроизведения.

• Блок отображается, только когда в проекте действительно есть видео-экраны — для проектов без видео он скрыт.
• Выбор влияет на работу декодера в просмотрщике: чем выше качество, тем больше нагрузка на устройство посетителя.
• Значение сохраняется локально в браузере (localStorage.mini.videoQuality), а не в настройках проекта — то есть это предпочтение пользователя Студии, а не свойство тура.

Связанные страницы:

• Медиатека — общая библиотека изображений и иконок аккаунта.
• Теги и сцены в 3D Студии — теги, действия при клике, ИИ‑названия сцен.
• Дизайн 3D‑тура — палитра, миникарта, цветокоррекция и кнопки тулбара.