Angular中的AR.js库,性能问题

问题描述 投票:0回答:1

出什么问题?

我使用AR.js库创建了增强的网站解决方案。我的目标是创建一个渐进式Web应用程序,以在手机,平板电脑或笔记本电脑等各种设备上使用。

[我的解决方案是一个Angular项目,由于我在不同的网站(AR.js文档,Github,Medium等)上看到的解决方案,因此我包括了aframe的库和ar.js库。

我使用了带有3x3标记的条形码解决方案。效果很好,我可以检测到标记,并且由于您的解决方案,我可以检测到某些事件(例如单击,找到标记,丢失标记)。

我在有角度的组件中创建了ar内容,在html组件中创建了ar内容,在打字稿组件中创建了其他一些组件(例如文本或gltf-model)。我使用https协议制定了解决方案,以便在Chrome或其他导航器上使用它。

我对fps(每秒帧数)也有问题。实际上,我的解决方案在笔记本电脑上的速度为50 fps(但是还不是很流畅)。但是在我的平板电脑上,它只能获得15 fps。

我尝试创建一个新的空白项目,方法与我想知道导入的模型是否存在问题或解决方案是否存在问题的方法相同。

我获得相同的结果(对于空白项目):笔记本电脑为50 fps,而平板电脑仅为15 fps。也许我的平板电脑有问题?您如何看待我的问题?

有人曾经尝试使用ar.js库吗?表现良好?

如果有任何疑问,请不要犹豫。

非常感谢您的帮助!

操作系统和设备名称

平板电脑:三星Galaxy Tab A6

移动电话:华为P20Lite

最诚挚的问候,

angular performance augmented-reality frame-rate ar.js
1个回答
0
投票

不完全确定您要做什么,是否在Angular书面环境中实现ARjs?如果是这样的话,那一定会到处都是。对于这种用例,Typescript不是最佳平台。如果您是我,则只需将AR.js添加到其他页面上,然后重定向到此页面。这样,它就可以在全屏模式下工作,并且在不同的操作系统上都存在兼容性问题。

© www.soinside.com 2019 - 2024. All rights reserved.