Как я могу использовать aframe для создания 360-видеоэффектов?

Question

КОНТЕКСТ

Мы хотим, чтобы создать эффект, подобный тому, что было реализовано here. Тем не менее, я стараюсь, чтобы видеоролик 360 как элемент героя более длинной страницы.

ПРОБЛЕМА

Лучшее решение, которое я нашел до сих пор для 360 видео является использование AFRAME в Mozilla, как это делается here. Тем не менее, проблема, с которой я сталкиваюсь, заключается в том, что добавление <a-scene></a-scene> к моей более длинной странице существенно разбивает остальную часть страницы, что делает невозможным увидеть элементы внизу (они думают, что они находятся в DOM). Одно из решений, которое я нашел, - это разместить a-сцену на отдельной странице, а затем отобразить ее в iframe на моей странице. это отлично работает при прокрутке рядом с iframe, но прокрутка не работает в iframe.

Типичные решения этой проблемы с прокруткой говорят, что вы используете overflow: hidden, но это не сработало, поэтому я подумал, что, возможно, есть другой подход, который я могу предпринять, что делает движения мыши над 360-управлением видео камерой, тогда как прокрутка управляет родительской.

Answer 1

https://aframe.io/docs/0.4.0/components/embedded.html

Используйте встроенный компонент, то стиль элемента сцены.

<a-scene embedded>