0

AWS S3 またはインターネット上のどこかに画像またはビデオがあります。

画像パスを直接参照して、ボックスにテクスチャを適用しようとしました。

<a-scene>
  <a-box src="https://blah.com/sometexture.png"></a-box>
</a-scene>

しかし、何も表示されません。イメージがないことと CORS に関するコンソール エラーが発生します。

4

1 に答える 1

0

A-Frame 0.3.0 では、crossorigin を手動で指定する必要がなくなりました。CORS を必要とするアセットに自動的に設定されます。

https://aframe.io/faq/#why-does-my-asset-eg-image-video-model-not-loading

通常、この問題は CORS が原因です。すべてのアセットは XHR 経由で取得されるため、アセットで CORS ヘッダーを許可する必要があります。S3 からサービスを提供する場合、これは非常に一般的です。crossoriginCORS を有効にしたら、アセットにフラグを設定する必要があります。

<a-scene>
  <a-assets>
    <img id="texture" crossorigin src="https://blah.com/sometexture.png">
    <video id="texture2" crossorigin src="https://blah.com/sometexture.mp4">
  </a-assets>

  <a-box src="#texture"></a-box>
  <a-video src="#texture2"></a-video>
</a-scene>

UploadCare が提供する無料のアップローダーがあります。現時点ではダウンしていますが、後でここにアップロードして CORS 化されたアセットを無料で入手できるようになります https://aframe.io/aframe/examples/_uploader/

iOS Safariで画像がまだ読み込まれない場合は、以前に読み込まずcrossoriginにキャッシュされていた可能性があります。ブラウザのキャッシュをクリアしてみてください。

于 2016-08-03T22:17:32.517 に答える