如何使用HTML5和AR在视频/图像上实时生成3d标记？

Question

我仍然在想，如何使用HTML5生成3d标记，并在视频/图像上实时增强它？

我的要求是-

我想开发AR，例如:我在桌面上获得一张图像或实时视频流，我应该能够在上面标记一些点/注释一些东西，并将其远程镜像到iPad上。如何在HTML5应用程序中实现这一点

我在JSARToolKit - http://www.html5rocks.com/en/tutorials/webgl/jsartoolkit_webrtc/上看到了很棒的教程，我觉得它最适合我的用例。但是，我不知道该如何开始呢？我在github中找到了源代码，但我不太确定如何根据我的用例来调试或理解它和扭曲？或者至少我怎么才能开始动手呢？

Answer 1

我推荐尝试"Metaio“或"Wikitude”SDK，它们都支持HTML。这是一个使用"Metaio“SDK和Unity3D http://bit.ly/ARTrkingSample的基于标记的跟踪器的示例。

关于你的想法，你必须在标记上显示视频或图像，然后4例如:触摸时添加注释，手动存储它们的位置(在Metaio中，您需要将它们的位置与相机位置进行比较，因为Metaio SDK将根据相机的移动不断更改标记位置，因此当您移动物理相机时，您可以稳定地看到它)，并在您的其他设备上显示它们的相同位置。