我网站上的 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 文件应该包含什么？

感谢帮助！！！

Answer 1

添加VRimage/video文件的正确路径即可。

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

更多详情可以访问以下link:

Answer 2

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

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

VR 360 images on my site