Photo Sphere 照片和 Google 云存储

Photo Spheres & Google Cloud Storage

是否可以渲染存储在 Google 云服务中的 Photo Sphere 照片?我上传了一张 Photo Sphere 照片,在从本地服务器托管时可以正常使用,但在存储在 Google 云平台 (GCP) 的存储桶中时却没有。我将图像用作 a 帧场景中的天空元素,但当源是 GCP url 并内置 Google Apps-Script Web 应用程序进行测试时,它不会呈现。我还使用来自 Flikr 的全景照片作为源测试了天空元素,没有任何问题。从 GCP 提供服务时,元数据是否无法正确读取?任何帮助将不胜感激!

<a-assets>

    <!-- Images. -->
    <img id="skyTexture" src="https://farm5.staticflickr.com/4734/24508950177_b7b09a1f30_k.jpg">

</a-assets>

<a-sky src="#skyTexture"></a-sky>

<a-assets>

    <!-- Images. -->
    <img id="skyTexture" src="https://storage.googleapis.com/pano-images/cwm-vcfacility/PANO_20171019_130509_0.jpg">

</a-assets>

<a-sky src="#skyTexture"></a-sky>

如果您使用的图片来自您自己的应用以外的资源,请确保在您的 img 标签中包含 crossorigin="anonymous",该错误应该会消失。

<img id="skyTexture" crossorigin="anonymous" src="https://storage.googleapis.com/pano-images/cwm-vcfacility/PANO_20171019_130509_0.jpg">

它仍然无法按您的预期运行。我不太了解 google 存储,但我读过 docs。如果它的工作方式类似于 Amazon S3,那么您必须启用您的应用程序才能访问该资源。在 S3 中,它是通过 XML 规则完成的。

最后的图像处理技巧:

  • 确保它们的尺寸不超过 4096 x 2048
  • 确保大小是二的幂

如果您不这样做,每次加载页面时都会为您调整大小 - 这需要时间,所以为什么不这样做一次。