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

How can i generate 3d markers using HTML5 and AR it on a video / image in real time?

本文关键字：实时 标记 3d 图像 HTML5 何使用 AR 视频      更新时间：2023-09-26

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

我的要求是——

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

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

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

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

相关文章：