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
- 确保大小是二的幂
如果您不这样做,每次加载页面时都会为您调整大小 - 这需要时间,所以为什么不这样做一次。
是否可以渲染存储在 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
- 确保大小是二的幂
如果您不这样做,每次加载页面时都会为您调整大小 - 这需要时间,所以为什么不这样做一次。