ビデオと画像が表示されないのはなぜですか？

Question

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

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

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

しかし、何も現れません。私はイメージとCORSについて何かコンソールエラーを得る。

Answer 1

Aフレーム0.3.0では、crossoriginを手動で指定する必要がなくなりました。 CORSが必要な資産に自動的に設定されます。

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

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

<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が提供する無料アップローダーを持っています。これは、現時点ではダウンしているが、その後、あなたが以前crossoriginせずにそれをロードしている可能性が、画像はまだロードされない場合は、ここにアップロードして、iOSのSafariので自由https://aframe.io/aframe/examples/_uploader/

ためCORSed資産を取得することができますキャッシュされます。ブラウザのキャッシュをクリアしてみてください。