html - 我网站上的 VR 360 图像

Question

我正在做一个新项目，我试图让我用 360 度相机拍摄的 360 度图像显示在我的网站上，到目前为止我有：

<iframe width="100%" height="700px" allowfullscreen frameborder="0" src="index.html?image=IMG_0222.jpg&is_stereo=false"></iframe>

但我不断收到一条错误消息：

在此服务器上找不到请求的 URL /test/index.html。

我试图调用的文件是 test.html，在那个文件夹上我只有 IMG_0222.jpg 和 test.html 文件....

我相信我的问题是没有那个 index.html，如果这是答案，那个 index.html 文件应该有什么？

谢谢您的帮助！！！

score 0 · Accepted Answer

在到处寻找答案后，我找到了这个博客

它给了我正确的答案，将我的 360 度图像包装在一个球体中，这样它就可以使用 Threejs 显示为 360 度图像，一旦我这样做了，我就能够将具有完整 360 度旋转动作的图像加载到 index.html 文件中并最终显示在我的 test.html

score 0 · Accepted Answer

只需添加 VR 图像/视频文件的正确路径即可。

<iframe width="100%" height="700px" allowfullscreen frameborder="0" src=" **full_url_path_till_vr_file** &is_stereo=false"></iframe>

有关更多详细信息，您可以访问以下链接：

2 回答 2