<model-viewer> не может загрузить модель glTF, размещенную на Google Диске / Dropbox

Question

Я пытаюсь загрузить модель glTF на веб-сайт с помощью программы просмотра моделей. Модель размещена на диске Google и в Dropbox, но ни одна из ссылок не загружает модель. Полоса загрузки появится, а затем станет пустой. Но модель отлично загружается в онлайн-предварительном просмотре 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>

Answer 1

Вы не можете просто разместить встроенные ресурсы веб-страницы в DropBox, как это, из-за чего-то, что называется Cross-Origin Resource Sharing. Ресурсы должны находиться на том же веб-сервере, что и ваша страница (и сама ваша страница должна находиться на сервере, а не только в локальном файле). Или ваш актив может находиться на внешнем сервере, который был настроен для включения CORS.

Если вы посмотрите в веб-консоль инструментов разработчика своего браузера, вы увидите сообщения об ошибках, связанные с CORS, если он настроен неправильно или не настроен.