Photo Spheres & Google Cloud Storage

Question

是否可以渲染存储在Google Cloud Services中的照片球体？我上传了一个照片球体，从本地服务器托管时可以正常工作，但存储在 Google 云平台 (GCP( 上的存储桶中时则无法正常工作。我正在使用图像作为 a 帧场景中的天空元素，但当源是 GCP 网址并在 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>

Answer 1

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

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

不过，它仍然无法按您的预期工作。我对谷歌存储了解不多，但我会阅读文档。如果它的工作方式与 Amazon S3 类似，则必须启用您的应用程序才能访问该资源。在 S3 中，它是使用 XML 规则完成的。

处理图像的最后提示：

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

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