Поддержка встраивания AR-контента, такого как файлы USDZ, с помощью Apple Quick Look

Сегодня загрузка файлов поддерживает следующие типы:
jpg, jpeg, png, gif, pdf, csv, gz, json, svg, mp4, txt, docx, mov, tex, zip, webm, heic, heif)

Возможно ли добавить поддержку формата USDZ (файл дополненной реальности для iPhone) и отображать его с помощью Quick Look?

…и, возможно, glTF (для Android)

Это было бы полезно в форуме Discourse для 3D-моделирования CAD.

Проверяю это с помощью этой классной колонки по адресу https://gear.bethesda.net/products/t-51-power-armor-speaker:

Разметка:

Uploaded file via composer: [t51-helmet.usdz|attachment](upload://jFx1C6poHlvJtfHUSK4TLCQ1I8P.usdz)
![image|333x500](upload://qQegjCDy8rUuyvmMRaWpXCxSFHz.jpeg)

Linked image with HTML:

<a href="https://meta.discourse.org/uploads/short-url/jFx1C6poHlvJtfHUSK4TLCQ1I8P.usdz">
<img src="https://d11a6trkgmumsb.cloudfront.net/original/3X/b/c/bc1ff8b759367e3ebc904966a3820743cb3f1c11.jpeg" alt="image" class="resizable" width="333" height="500">
</a>

превращается в

Uploaded file via composer: t51-helmet.usdz

Linked image with HTML:

image

У меня на iPad работает:

Так что это уже вроде как работает, если включить расширение usdz в настройках вашего сайта!

Чтобы улучшить пользовательский опыт, вот наши задачи (TODO):

Отдавать файлы .usdz с правильным MIME-типом, который равен model/vnd.usdz+zip.

Разрешить атрибут rel="ar" в элементах a.

Автоматически добавлять rel="ar" для загруженных файлов .usdz.

Пункты 2 и 3 можно реализовать с помощью компонента темы, а для пункта 1 нужна поддержка ядра.

Тем не менее:

Похоже, что проще было бы упаковать этот веб-компонент https://modelviewer.dev/ как компонент темы Discourse — тогда это будет кроссплатформенное решение для всех.

5 лайков