# 支持嵌入式AR内容，如USDZ文件，通过Apple Quick Look

**URL:** <https://meta.discourse.org/t/support-for-embeting-ar-content-like-usdz-files-with-apple-quick-look/166678>\
**Category:** Feature\
**Created:** [2020年十月8日 15:29 UTC](https://meta.discourse.org/t/support-for-embeting-ar-content-like-usdz-files-with-apple-quick-look/166678 "2020-10-08T15:29:36Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![V86](https://avatars.discourse-cdn.com/v4/letter/v/e99b99/32.png) [@V86](https://meta.discourse.org/u/V86)\
**Post date:** [2020年十月8日 15:29 UTC](https://meta.discourse.org/t/support-for-embeting-ar-content-like-usdz-files-with-apple-quick-look/166678/1 "2020-10-08T15:29:36Z")

</div>

目前文件上传支持以下文件类型：  
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 建模非常有用。

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/4/e4242fb8aa9f0d874d79ef545008cbfc8c00500b.jpeg)

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [2020年十月8日 17:42 UTC](https://meta.discourse.org/t/support-for-embeting-ar-content-like-usdz-files-with-apple-quick-look/166678/4 "2020-10-08T17:42:25Z")

</div>

正在用这款来自 [https://gear.bethesda.net/products/t-51-power-armor-speaker](https://gear.bethesda.net/products/t-51-power-armor-speaker) 的酷炫音箱测试：

标记如下：

```plaintext
通过编辑器上传的文件：[t51-helmet.usdz|attachment](upload://jFx1C6poHlvJtfHUSK4TLCQ1I8P.usdz)
![image|333x500](upload://qQegjCDy8rUuyvmMRaWpXCxSFHz.jpeg)

使用 HTML 链接的图片：

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

```

转换后：

通过编辑器上传的文件：[t51-helmet.usdz](https://meta.discourse.org/uploads/short-url/jFx1C6poHlvJtfHUSK4TLCQ1I8P.usdz)

使用 HTML 链接的图片：

[![image](https://global.discourse-cdn.com/meta/original/3X/b/c/bc1ff8b759367e3ebc904966a3820743cb3f1c11.jpeg) ](https://meta.discourse.org/uploads/short-url/jFx1C6poHlvJtfHUSK4TLCQ1I8P.usdz)

在我的 iPad 上可以正常工作：

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/2/72fcf49c46bda491c294104e8484900189659abb.jpeg)

所以，只要在站点设置中启用 `usdz` 扩展名，它就已经可以基本运行了！

为了提升用户体验，我们的待办事项如下：

使用正确的 `MIME-type`（即 `model/vnd.usdz+zip`）提供 `.usdz` 文件。

允许在 `<a>` 元素中列出 `rel="ar"` 属性。

自动为 `.usdz` 上传文件添加 `rel="ar"`。

第 2 点和第 3 点可以通过主题组件实现，而第 1 点需要核心支持。

话虽如此：

> [@V86](#):
>
> 也许还可以支持 glTF（Android）

看起来将 [https://modelviewer.dev/](https://modelviewer.dev/) 这个 Web 组件打包成 Discourse 主题组件会更简单，这样就能为所有人提供一个跨平台的解决方案。