是否可以渲染存储在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>
答案 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规则。
处理图片的最后提示:
如果您不遵循此操作,则每次页面加载时都会为您调整大小 - 这需要时间,所以为什么不这样做一次。