Отображение веб-страниц/Вебфрейм
bframe (Вебфрейм) — это функциональный компонент в Addreality Designer, который позволяет встраивать полноценные веб-страницы, HTML5-виджеты и веб-приложения непосредственно в рекламную кампанию или интерактивный проект на экране.
По сути, это встроенный браузер, работающий в режиме киоска (Kiosk Mode) внутри плеера Addreality.
Пример отображения интерактивного ресурса с картой в плеере:
Какую проблему решает?
Часто у вас уже может быть готовый динамический контент: интерактивные каталоги на сайте, корпоративные порталы или системы мониторинга, либо любой другой элемент сайта. Webframe позволяет вывести готовый веб-ресурс на любой экран "как есть", в реальном времени.
Ключевые сценарии использования
- Мониторинг и дашборды: Вывод экранов мониторинга инфраструктуры (Zabbix, Grafana, Kibana) или бизнес-метрик (PowerBI, Tableau) на большие панели в опенспейсе или кабинете руководителей. Данные обновляются автоматически на стороне сервера, а экран просто отображает актуальную картину.
- Корпоративные порталы и интранет: Трансляция внутренних новостей, метрик отделов или расписания переговорных комнат, которые уже сверстаны в веб-формате.
- Интерактивные каталоги (Бесконечная полка): Использование существующих интернет-магазинов или лендингов на сенсорных киосках. Покупатель может листать веб-каталог товаров прямо на экране в торговом зале.
- Интеграция сторонних виджетов: Быстрое добавление виджетов погоды, пробок, курсов валют или электронных очередей, предоставляемых по ссылке от сторонних сервисов.
Как это работает технически
- В Addreality Designer (через Interface Editor) на сцену добавляется слой
Web Frame. - В настройках компонента указывается целевой URL-адрес.
- Задаются параметры поведения, например автообновление, движок и возможность запрета перехода на другие домены или поддомены
Главные преимущества
- Экономия времени: Не нужно создавать дизайн с нуля — используется уже готовая веб-версия.
- Real-time обновления: При изменении данных на сайте (например, цены товара или графика на дашборде) они мгновенно меняются на экране без необходимости например загружать отдельные изображения в кампанию в Addreality Manager.
- Универсальность: Поддержка современных веб-стандартов (HTML5, CSS3, JS) гарантирует корректное отображение сложной анимации и логики веб-приложений, в случае если устройство соответствует по мощности данному функционалу
Подробнее почитать про реализацию Webframe в Addreality Designer можно здесь.
О возможностях создания кнопок назад-вперед для Webrame можно ознакомиться здесь.
Интересный сценарий взаимодействия с Яндекс-Картами и конструктором можно посмотреть здесь.
Реализовать перехват ссылок и переход на другой интернет ресурс можно вот таким способом.