使用 a-frame 原语显示 360 度内容

Question

我正在尝试使用 A-Frame 来显示 360 视频或 360 照片，但偶然发现了 a-entity 框架的一些限制：不接受 videosphere 或 sky 作为属性，所以：

这不起作用：<a-entity geometry="primitive:videosphere", ... ></a-entity>

这也不是： <a-entity geometry="primitive:sky", ... ></a-entity>

我搜索了文档，但找不到为什么 box、plane 或 sphere 等可以与 a-entity 一起使用，但 sky 或 videosphere 不能。

这个问题的目的是：我想编写一段代码，能够显示 360 视频和 360 照片，并从一种内容类型切换到另一种内容类型。有没有简单的解决办法？

皮埃尔

Answer 1

视频球体或天空都不是几何基元。这是内置geometries的列表。

要切换照片/视频，只需保留一个球体或天空：

<a-sphere material="side:back"></a-sphere>

<a-sky></a-sky>

并通过注册组件切换material.src 属性。 您必须记住在视频上手动调用 play() 和 stop()，因为它们可能正在后台播放。