前言
从 iOS 12 开始,苹果引入了 AR Quick Look
,这是 3D 内容的内置全系统的 AR 查看器,它可以在不下载 APP 的情况下,预览 USDZ
格式的文件以及现实世界中的 Reality File
场景。
在 iOS 13 中,苹果对于 AR Quick Look
增加了一些新功能:在任何应用软件或者网站中,轻点 3D 模型直接打开 AR、直接分享产品的链接而不是 3D 模型以、对是垂直平面还是水平平面的检测提供支持以及支持查看脸部饰品。
去年除了 AR Quick Look
,还提供了 AR 家族的两款产品:Reality Converter 以及 Reality Composer,因此 AR Quick Look
可以作为查看和分享 3D 构图的很好的可视化工具。
在 iOS 14 中,苹果对于 AR Quick Look
增加了更多的功能:在 AR Quick Look
中展示产品的横幅、结合 Apple Pay 或做更多自定义的操作。
Overview

- 物品可以直接在现实世界中呈现
- 可以从平整的地板表面锚定到任何位置(包括像沙发这样的的弯曲表面)
- AR 物品(比如家具)可以放置在现实环境的物品(家具)之间或者之后
横幅样式

- Apple Pay 样式:点击可以直接呼起 Apple Pay 进行商品购买
- 自定义操作样式:自定义用户行为
- 完全自定义样式:可以使用 HTML 彻底自定义横幅的样式
横幅的工作模式:

假设我们经营着一家出售复古闹钟的在线商店,在我们的网页上,可以给我们的 USDZ 模型添加一个链接,这样顾客可以使用 AR Quick Look
预览闹钟放在他们床头柜的样子。当用户轻点链接时,自定义的选项将会传递给 AR Quick Look
, AR Quick Look
会解析片段标识符,然后创建合适的横幅样式,最后我们需要在我们的页面上添加事件监听器,这样当顾客准备好购买的时候,轻点横幅会取消 AR Quick Look
并通知网站上的时间监听器,然后网站会出现相应的提示。
如何将 AR Quick Look 与网站相结合
<a rel="ar" href="alarm-clock.usdz#canonicalWebPageURL=https://developer.apple.com/alarm-clock-product-page/&allowsContentScaling=0">
<img src="alarm-clock-thumbnail.jpg">
</a>
- 将一个
a
标签添加到商品的 USDZ 模型上
img
标签展示商品的缩略图
rel="ar"
告诉 Safari 浏览器这是 AR 体验,这样 Safari 会标上 AR 标记,直接呈现 AR Quick Look
#
之后的内容:通过网页的 URL 片段标志符传递自定义的选项来自定 AR 体验
- 指定
canonicalWebPageURL
会覆盖默认的 URL,在例子中,用户可以直接分享这个虚拟商品的链接
allowsContentScaling
参数可以禁用内容缩放(设置值为0),以便客户可以浏览商品的实际大小
AR Quick Look & Apple Pay(Apple Pay 横幅样式)
现在可以结合 Apple Pay,用户直接在 AR Quick Look
中进行下单购买。这让 AR 技术与零售商的商务实现更加紧密的融合,并且让融合的方式真正简单易操作。
目前诸如家得宝、1800Flowers、Wayfair等优秀的公司已经采用这个技术,并且将 AR Quick Look
融合到它们的购物体验中,得到了非常好的反响,商品的交易量也得到了提升。
AR Quick Look
结合 Apple Pay,不仅为消费者提供了更加丰富和更加沉浸式的体验,同时也利于商家在 AR 的帮助下卖出产品。AR 体验极大地增加了这些公司产品的销售量。
在 AR Quick Look
视图底部增加了一条横幅,顾客看到了 AR 呈现的产品后,只需要轻点下横幅就可以直接使用 Apple Pay 购买相关产品。

Apple Pay 横幅的样式非常简洁,产品信息以文字的形式在左边呈现,Apple Pay 按钮则放置在右边:

使用 Apple Pay,使得支付更加快捷并且安全有保障,AR Quick Look
不会收集或者储存任何支付信息,因为这是消费者在取消 AR 预览前往零售网页后再进行支付。
Apple Pay 横幅提供多种按钮类型(7种样式)供零售商选择以便使样式和零售商网页完美契合:

每一个按钮样式都对应了一个 applePayButtonType
选项值:

```
前言
从 iOS 12 开始,苹果引入了 AR Quick Look
,这是 3D 内容的内置全系统的 AR 查看器,它可以在不下载 APP 的情况下,预览 USDZ
格式的文件以及现实世界中的 Reality File
场景。
在 iOS 13 中,苹果对于 AR Quick Look
增加了一些新功能:在任何应用软件或者网站中,轻点 3D 模型直接打开 AR、直接分享产品的链接而不是 3D 模型以、对是垂直平面还是水平平面的检测提供支持以及支持查看脸部饰品。
去年除了 AR Quick Look
,还提供了 AR 家族的两款产品:Reality Converter 以及 Reality Composer,因此 AR Quick Look
可以作为查看和分享 3D 构图的很好的可视化工具。
在 iOS 14 中,苹果对于 AR Quick Look
增加了更多的功能:在 AR Quick Look
中展示产品的横幅、结合 Apple Pay 或做更多自定义的操作。
Overview

- 物品可以直接在现实世界中呈现
- 可以从平整的地板表面锚定到任何位置(包括像沙发这样的的弯曲表面)
- AR 物品(比如家具)可以放置在现实环境的物品(家具)之间或者之后
横幅样式

- Apple Pay 样式:点击可以直接呼起 Apple Pay 进行商品购买
- 自定义操作样式:自定义用户行为
- 完全自定义样式:可以使用 HTML 彻底自定义横幅的样式
横幅的工作模式:

假设我们经营着一家出售复古闹钟的在线商店,在我们的网页上,可以给我们的 USDZ 模型添加一个链接,这样顾客可以使用 AR Quick Look
预览闹钟放在他们床头柜的样子。当用户轻点链接时,自定义的选项将会传递给 AR Quick Look
, AR Quick Look
会解析片段标识符,然后创建合适的横幅样式,最后我们需要在我们的页面上添加事件监听器,这样当顾客准备好购买的时候,轻点横幅会取消 AR Quick Look
并通知网站上的时间监听器,然后网站会出现相应的提示。
如何将 AR Quick Look 与网站相结合
<a rel="ar" href="alarm-clock.usdz#canonicalWebPageURL=https://developer.apple.com/alarm-clock-product-page/&allowsContentScaling=0">
<img src="alarm-clock-thumbnail.jpg">
</a>
- 将一个
a
标签添加到商品的 USDZ 模型上
img
标签展示商品的缩略图
rel="ar"
告诉 Safari 浏览器这是 AR 体验,这样 Safari 会标上 AR 标记,直接呈现 AR Quick Look
#
之后的内容:通过网页的 URL 片段标志符传递自定义的选项来自定 AR 体验
- 指定
canonicalWebPageURL
会覆盖默认的 URL,在例子中,用户可以直接分享这个虚拟商品的链接
allowsContentScaling
参数可以禁用内容缩放(设置值为0),以便客户可以浏览商品的实际大小
AR Quick Look & Apple Pay(Apple Pay 横幅样式)
现在可以结合 Apple Pay,用户直接在 AR Quick Look
中进行下单购买。这让 AR 技术与零售商的商务实现更加紧密的融合,并且让融合的方式真正简单易操作。
目前诸如家得宝、1800Flowers、Wayfair等优秀的公司已经采用这个技术,并且将 AR Quick Look
融合到它们的购物体验中,得到了非常好的反响,商品的交易量也得到了提升。
AR Quick Look
结合 Apple Pay,不仅为消费者提供了更加丰富和更加沉浸式的体验,同时也利于商家在 AR 的帮助下卖出产品。AR 体验极大地增加了这些公司产品的销售量。
在 AR Quick Look
视图底部增加了一条横幅,顾客看到了 AR 呈现的产品后,只需要轻点下横幅就可以直接使用 Apple Pay 购买相关产品。

Apple Pay 横幅的样式非常简洁,产品信息以文字的形式在左边呈现,Apple Pay 按钮则放置在右边:

使用 Apple Pay,使得支付更加快捷并且安全有保障,AR Quick Look
不会收集或者储存任何支付信息,因为这是消费者在取消 AR 预览前往零售网页后再进行支付。
Apple Pay 横幅提供多种按钮类型(7种样式)供零售商选择以便使样式和零售商网页完美契合:

每一个按钮样式都对应了一个 applePayButtonType
选项值:

```
前言
从 iOS 12 开始,苹果引入了 AR Quick Look
,这是 3D 内容的内置全系统的 AR 查看器,它可以在不下载 APP 的情况下,预览 USDZ
格式的文件以及现实世界中的 Reality File
场景。
在 iOS 13 中,苹果对于 AR Quick Look
增加了一些新功能:在任何应用软件或者网站中,轻点 3D 模型直接打开 AR、直接分享产品的链接而不是 3D 模型以、对是垂直平面还是水平平面的检测提供支持以及支持查看脸部饰品。
去年除了 AR Quick Look
,还提供了 AR 家族的两款产品:Reality Converter 以及 Reality Composer,因此 AR Quick Look
可以作为查看和分享 3D 构图的很好的可视化工具。
在 iOS 14 中,苹果对于 AR Quick Look
增加了更多的功能:在 AR Quick Look
中展示产品的横幅、结合 Apple Pay 或做更多自定义的操作。
Overview

- 物品可以直接在现实世界中呈现
- 可以从平整的地板表面锚定到任何位置(包括像沙发这样的的弯曲表面)
- AR 物品(比如家具)可以放置在现实环境的物品(家具)之间或者之后
横幅样式

- Apple Pay 样式:点击可以直接呼起 Apple Pay 进行商品购买
- 自定义操作样式:自定义用户行为
- 完全自定义样式:可以使用 HTML 彻底自定义横幅的样式
横幅的工作模式:

假设我们经营着一家出售复古闹钟的在线商店,在我们的网页上,可以给我们的 USDZ 模型添加一个链接,这样顾客可以使用 AR Quick Look
预览闹钟放在他们床头柜的样子。当用户轻点链接时,自定义的选项将会传递给 AR Quick Look
, AR Quick Look
会解析片段标识符,然后创建合适的横幅样式,最后我们需要在我们的页面上添加事件监听器,这样当顾客准备好购买的时候,轻点横幅会取消 AR Quick Look
并通知网站上的时间监听器,然后网站会出现相应的提示。
如何将 AR Quick Look 与网站相结合
<a rel="ar" href="alarm-clock.usdz#canonicalWebPageURL=https://developer.apple.com/alarm-clock-product-page/&allowsContentScaling=0">
<img src="alarm-clock-thumbnail.jpg">
</a>
- 将一个
a
标签添加到商品的 USDZ 模型上
img
标签展示商品的缩略图
rel="ar"
告诉 Safari 浏览器这是 AR 体验,这样 Safari 会标上 AR 标记,直接呈现 AR Quick Look
#
之后的内容:通过网页的 URL 片段标志符传递自定义的选项来自定 AR 体验
- 指定
canonicalWebPageURL
会覆盖默认的 URL,在例子中,用户可以直接分享这个虚拟商品的链接
allowsContentScaling
参数可以禁用内容缩放(设置值为0),以便客户可以浏览商品的实际大小
AR Quick Look & Apple Pay(Apple Pay 横幅样式)
现在可以结合 Apple Pay,用户直接在 AR Quick Look
中进行下单购买。这让 AR 技术与零售商的商务实现更加紧密的融合,并且让融合的方式真正简单易操作。
目前诸如家得宝、1800Flowers、Wayfair等优秀的公司已经采用这个技术,并且将 AR Quick Look
融合到它们的购物体验中,得到了非常好的反响,商品的交易量也得到了提升。
AR Quick Look
结合 Apple Pay,不仅为消费者提供了更加丰富和更加沉浸式的体验,同时也利于商家在 AR 的帮助下卖出产品。AR 体验极大地增加了这些公司产品的销售量。
在 AR Quick Look
视图底部增加了一条横幅,顾客看到了 AR 呈现的产品后,只需要轻点下横幅就可以直接使用 Apple Pay 购买相关产品。

Apple Pay 横幅的样式非常简洁,产品信息以文字的形式在左边呈现,Apple Pay 按钮则放置在右边:

使用 Apple Pay,使得支付更加快捷并且安全有保障,AR Quick Look
不会收集或者储存任何支付信息,因为这是消费者在取消 AR 预览前往零售网页后再进行支付。
Apple Pay 横幅提供多种按钮类型(7种样式)供零售商选择以便使样式和零售商网页完美契合:

每一个按钮样式都对应了一个 applePayButtonType
选项值:

```