关于AR.jsAR.js是一个轻量级的增强现实JavaScript库，支持基于标记和位置的增强现实。开发人员可以使用几行HTML将AR特性和功能带到任何网站。该项目是开源的，在GitHub上拥有近14000颗星，各平台的开发者正在使用它来创造更多新的数字体验。AR.js框架包括跨浏览器兼容性，并支持WebGL和WebRTC，这意味着它可以在iOS11及更高版本的Android和iPhone设备上运行。通过包装许多不同的AR框架，包括three.js、a-frame和ARToolKit，AR.js可以更轻松、更高效地将AR引入Web应用程序。它具有以下优点：跨浏览器兼容性即使在旧设备上也能达到60fps的高性能基于Web无需安装可以在不到10行HTML中完成通用硬件创建项目假设您已经设置了（本地或其他）开发环境并使用SSL证书对其进行保护。为什么要使用SSL？Chrome想要请求摄像头访问权限的站点必须全部严格通过https传送。我们可以只用8行HTML编写一个AR.js演示。在您的开发环境中将以上代码编辑到index.html文件中，并在您选择的兼容浏览器中打开它，您将收到一个访问摄像头的请求，点击允许。将相机对准识别图（下图），如果一切顺利，您应该会在标记顶部看到一个半透明的白色立方体。要从视频显示中删除调试框，只需添加以下代码：使用自定义标记第1步：识别您的标记图像。为获得最佳效果，这应该是一个简单、高对比度的PNG图像，预先裁剪为至少512x512的方形尺寸。这也必须是旋转不对称的，这意味着无论旋转到什么程度，它看起来总是独一无二的。下面是一些很好的标记图像示例：第2步：将图像转换为.patt文件和AR.js标记。使用此标记训练器(https://jeromeetienne.github....)，上传要用作标记的图像。下载标记：AR.js使用.patt文件来识别标记并显示3D内容。下载图像：具有适当黑色边框的实际.png图像，用作物理标记。第3步：将.patt文件添加到您的网站。只要应用程序可以访问它，例如/img/patterns/my-marker.patt第4步：将标记添加到AR.js元素。使用a-frame方法，您需要做的就是添加一个a-marker元素，其类型属性为“pattern”，并将模式文件的相对路径作为“url”属性。使用这种方法，我们还需要包括一个实体相机，以便虚拟相机包含在正在渲染的3D环境中。第五步：最后，添加要显示的3D模型。为此，我们需要添加一个模型，该模型将在找到该标记时显示。幸运的是，框架包含很多原始几何体，我们可以使用一些简单的元素名称轻松插入它们：
