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

时间:2015-03-10 08:59:03

标签: javascript html5 ipad augmented-reality

我仍然想知道如何在视频/图像上实时使用HTML5和AR生成3d标记?

我的要求是 -

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

我在JSARToolKit上发现了精彩的教程 - http://www.html5rocks.com/en/tutorials/webgl/jsartoolkit_webrtc/,我觉得这个教程最适合我的用例。但是,我不知道如何开始呢?我在github中找到了源代码但是我不太确定如何调试或理解它并根据我的用例进行扭曲?或者至少我怎么能弄清楚它的手?

1 个答案:

答案 0 :(得分:0)

我建议尝试" Metaio"或" Wikitude" SDK 他们都支持HTML。 以下是基于标记的跟踪器的示例,使用" Metaio" SDK& Unity3D http://bit.ly/ARTrkingSample

关于你的想法,你必须这样做 在标记上显示视频或图像 然后4 ex:on touch添加你的注释 手动存储它们的位置(在Metaio中,你将需要它们的位置与相机位置相比,因为Metaio SDK将保持更改相机移动的标记位置基础,这样你可以在移动物理相机时看到它稳定) 并将它们显示在其他设备的相同位置。