Американская компания 8th Wall выпустила решение Inline AR, с помощью которого редакторы сайтов могут интегрировать в них веб-контент дополненной реальности без специальных знаний и изменений в разметке.
Обычно WebAR-контент представляет собой так называемые микросайты: полноэкранные веб-приложения, которые находятся на своих собственных страницах с отдельными адресами. Они становятся всё сложнее, но лишены возможности интеграции в обычное содержимое сайтов. Ситуацию сдвинули Google и Apple. Первая открыла дополненную реальность прямо в поиске, а вторая начала встраивать ДР-элементы в веб-страницы.
8th Wall предлагает упрощённый подход к этой интеграции через собственный инструментарий. Процесс выглядит как вставка нескольких строк кода в iframe, подобно тому, как в новости добавляют видео с YouTube. По словам разработчиков, у пользователя больше нет необходимости покидать страницу для просмотра, его не так легко потерять, что улучшает показатели вовлечения, особенно если дополненная реальность размещена в удачном контексте.
Первая часть iframe — это изображение для предварительного просмотра, например, анимированный GIF. Он привлекает внимание пользователя и формирует ожидания для опыта дополненной реальности. Кнопка «Start AR» запускает загрузку содержимого. Запросы разрешений на устройстве в интересах безопасности отложены до тех пор, пока пользователь не решит взаимодействовать с ДР. Как только вы их выдали, контент можно развернуть в полноэкранный режим и перемещать в реальном окружении. Сеанс завершится при нажатии на крестик или автоматически, когда вы пролистаете вставку за пределы экрана.
Функция Inline AR работает как на мобильных устройствах, так и на настольных компьютерах. При попытке запустить дополненную реальность на ПК пользователю будет предложен QR-код для сканирования с помощью смартфона. Сайт может проверить, активен ли контент на смартфоне, и вести себя соответствующим образом.
Например, вы можете делать покупки и встретить ДР-модель кроссовок. Когда вы поделитесь ссылкой на дополненную реальность с другом, у него она будет отображаться в полноэкранном режиме с кнопкой «Купить сейчас». Эта кнопка связана с родительским сайтом, где находится оригинальный код iframe.
С примером проекта на базе Inline AR вы можете ознакомиться по ссылке.
Не пропускайте важнейшие новости о дополненной, смешанной и виртуальной реальности — подписывайтесь на Голографику в Telegram, ВК, Twitter и Facebook!
Далее: Shopify выпустила веб-сервис для примерки вещей в дополненной реальности Size.link
