Iβm trying to use the 8th wall landing page module following Landing Pages | 8th Wall and https://www.youtube.com/watch?v=tx3_Sz7TAso&t=1457s but am not getting expected behavior.
Desired/expected behavior on the landing page:
- Be able to rotate/move around the statue in the spz file.
- Watch an information video about the statue.
Behavior on page:
This statue @Svsri - Scaniverse - 1 scan showed up in a most ugly and weird projection.
This is in my body.html
<!-- Copyright (c) 2024, Eusebia Creations. -->
<!-- body.html is optional; elements will be added to your html body after app.js is loaded. -->
<!a-scene landing-page xrextras-loading xrextras-runtime-error xrweb="disableWorldTracking: true">
<!a-assets>
<!video
id="video"
autoplay
muted
crossorigin="anonymous"
loop="true"
src="./assets/QV-Ottawa.mp4"></video>
<!/a-assets>
<!a-camera position="0 4 10" raycaster="objects: .cantap" cursor="fuse: false; rayOrigin: mouse;">
<!/a-camera>
<!a-light type="ambient" intensity="1"></a-light>
<!-- Note: "name:" must be set to the name of the image target uploaded to the 8th Wall Console -->
<a-scene
xrextras-gesture-detector
landing-page="mediaSrc: #myModel"
xrextras-loading
xrextras-runtime-error
renderer="colorManagement: true"
xrweb>
<!-- We can define assets here to be loaded when A-Frame initializes -->
<a-assets>
<a-asset-item id="myModel" src="assets/QV-Ottawa.mp4"></a-asset-item>
</a-assets>
<!xrextras-named-image-target name="#splashimage">
<!xrextras-target-video-fade video="#qv-ottawa-video"></xrextras-target-video-fade>
<!/xrextras-named-image-target>
<!/a-scene>