在 HTML 中识别和显示 360 度图像

Question

新手上路，请多包涵

我有一些像这样的 360 度图像，我想将其嵌入到网站中。我一直在寻找但没有找到什么插件或（可能）HTML5 方法用于嵌入和播放这些全景图。

有没有办法检测这些 jpg 图像（而不是“标准”jpg）并将它们显示为 360 度视图？如果您单击下载按钮并查看源图像，您就会明白我所说的文件类型是普通 jpg 的意思。

我希望能够识别这些并播放“播放器”，而不是对非 360 图像做同样的事情。

谢谢

原文由 user101289 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 383

1 个回答

得票最新

Yes 您可以使用基于threejs 的A-frame 用于VR 和360 图像使用。只需将对 A 框架的引用放入 head 标记脚本中即可。

 <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>

在你的身体里：基本上天空会接受你给它的任何图像源并将其包裹在视图周围（如果图片源不是 360 图像，它看起来会出错）。

  <body>
    <a-scene>
        <a-sky src="yourpicpath.jpg"></a-sky>
    </a-scene>
</body>

原文由 Sandy Al Akhras 发布，翻译遵循 CC BY-SA 4.0 许可协议

撰写回答

推荐问题

子站问答

本篇内容翻译自 Stack Overflow，如果你觉得翻译结果值得改进，欢迎直接编辑修改，感谢你为社区贡献。

相似问题

找不到问题？创建新问题