<model-viewer> 无法加载托管在谷歌云端硬盘/保管箱上的glTF模型



我正在尝试使用模型查看器在网站上加载glTF模型。 该模型托管在谷歌云端硬盘和保管箱上,但这两个链接都没有加载模型。 加载栏出现,然后为空白。 但是模型在glTF在线预览器工具上加载良好。 有谁知道可能是什么问题? 下面是示例:

<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>
<script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>
<model-viewer src="https://www.dropbox.com/s/2c6vj30g9rl4olh/out.gltf"></model-viewer>

你不能像这样只在DropBox上托管网页嵌入式资源,因为有一种叫做跨域资源共享的东西。 资产必须位于网页所在的同一 Web 服务器上(并且网页本身必须位于服务器上,而不仅仅是本地文件(。 或者,您的资产可以位于已配置为启用 CORS 的外部服务器上。

如果您查看浏览器的开发人员工具 Web 控制台,则在配置错误或未配置时,会看到与 CORS 相关的错误消息。

相关内容

最新更新