Photo Spheres& Google云端存储

时间:2018-01-05 16:49:58

标签: google-cloud-platform google-cloud-storage aframe photosphere

是否可以渲染存储在Google Cloud Services中的Photo Sphere照片?我已经上传了一个在本地服务器托管时无问题的Photo Sphere照片,但是当存储在Google Cloud Platform(GCP)的存储桶中时却没有。我将图像用作a-frame场景中的天空元素,但是当源是GCP url并且内置在Google Apps-Script Web App中进行测试时,它不会呈现。我还使用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>

1 个答案:

答案 0 :(得分:0)

如果您使用自己应用以外的资源中的图片,请确保在crossorigin="anonymous"标记中加入img,错误就会消失。

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

尽管如此,它仍然无法正常工作。我不太了解谷歌存储,但我读了docs。如果它与Amazon S3类似,那么您必须启用您的应用才能访问该资源。在S3中,它完成了XML规则。

处理图片的最后提示:

  • 确保它们不超过4096 x 2048尺寸
  • 确保尺寸为2的力量

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