我正在尝试直接在网络浏览器中创建增强现实应用程序。在 10 行 HTML ( https://medium.com/arjs/augmented-reality-in-10-lines-of-html-4e193ea9fdbf ) 中有一个非常简单的解决方案。
但是当我尝试导入 Gltf 模型时遇到问题。它在本地服务器上运行良好,但是当我在 ftp 上上传文件时,gltf 模型不显示,而是在控制台中出现此错误:browser.js:111 components:gltf-model:warn THREE.GLTFLoader: Unable to parse model.
我对 web 开发和 javascript 非常陌生,我不知道这个错误来自哪里以及如何修复它。
这是该页面的链接:https ://lesfillesdu9novembre.com/ARWeb/Html/Page.html
这是我的代码:
<html>
<head>
<script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
<script src="https://rawgit.com/jeromeetienne/ar.js/master/aframe/build/aframe-ar.js"></script>
<script>THREEx.ArToolkitContext.baseURL = 'https://rawgit.com/jeromeetienne/ar.js/master/three.js/'</script>
</head>
<body style='margin: 0px; overflow: hidden;'>
<a-scene embeded arjs='trackingMethod: best; debugUIEnabled: false;'>
<a-assets>
<a-asset-item id="car" src="/GLTF/Exterior/Gltf/Exterior_006.gltf"></a-asset-item>
</a-assets>
<a-gltf-model src="#car" scale="0.01 0.01 0.01" rotation="0 0 0" position="-2.5 0 0" ></a-gltf-model>
<a-box position='0 0.5 0' material='opacity: 0.5;'></a-box>
<a-marker-camera preset='hiro'></a-marker-camera>
</a-scene>
</body>
</html>