Сообщите, поддерживает ли браузер пользователя форматы файлов USDZ или Reality Composer

Question

Я создал несколько файлов в формате "реальности" с помощью приложения Apple Reality Composer для iOS. Мне было трудно понять, как реализовать это в Интернете. Посмотрев на некоторые веб-страницы, содержащие файлы USDZ, я наконец поместил это на свой сайт (ссылки немного изменены):

<a href="media/images/ar.reality" rel="ar">
  <img src="media/images/image.png" />
</a>

Это прекрасно работает в iOS/iPadOS Safari, но не так много в других браузерах, таких как macOS Safari, Firefox и т. Д. Когда вы нажимаете ссылку в этих браузерах, он хочет загрузить файл реальности. Я хочу написать сценарий на JS, который будет добавлять теги привязки только тогда, когда браузер поддерживает файлы USDZ или реальности. Есть хороший способ сделать это?

Редактировать:

Сайт InstaPot - хороший тому пример. У них есть тег привязки к файлу USDZ в iOS/iPadOS Safari, но их нет в macOS Safari или других сторонних браузерах.

Answer 1

Как четко указано на странице галереи Quick Look:

Built-in iOS apps, такие как Safari, Сообщения, Почта, Новости и Заметки, используют Quick Look для отображения файлов USDZ виртуальных объектов в 3D или AR. Вы можете встраивать представления Quick Look в свои приложения и веб-сайты, чтобы пользователи могли видеть невероятно детализированные изображения, в том числе отражения реального мира в блестящих виртуальных объектах.

Tap any of the 3D modelsниже на устройстве под управлением iOS 12 или более поздней версии, чтобы просмотреть объект и поместить его в AR.Or click a model on Mac чтобы скачать файл USDZ.

Первый подход

Итак, самый простой способ сделать то, что вы хотите, - превратить настольную версию сайта в мобильную. Вы можете легко сделать это с помощью инструмента адаптивного переключения. Таким образом, все пользователи компьютеров Mac могут в сети видеть VR-версию USDZ, а не загруженный файл. Но есть одна неприятная проблема - эти пользователи не могут видеть модель в режиме AR.

Второй подход

Вам нужно написать сценарий JavaScript, управляющийrel="ar"атрибут для формата файла USDZ. Я действительно сомневаюсь, что любой другой веб-браузер (кроме Safari) может поддерживатьrealityформат файла. Прочитав этот пост, вы узнаете, куда идти.