我使用 Apple 的 iOS 版 Reality Composer 应用程序创建了一些“现实”格式的文件。我很难弄清楚如何在网络上实现它。在查看了一些包含 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网站就是一个很好的例子。它们在 iOS/iPadOS Safari 上具有 USDZ 文件的锚标记,但在 macOS Safari 或其他第三方浏览器上没有。