Warum werden meine Videos und Bilder nicht angezeigt?

Question

Ich habe ein Bild oder Video auf AWS S3 oder irgendwo im Internet.

Ich habe versucht, eine Textur auf ein Feld anwenden durch Bezugnahme auf den Bildpfad direkt:

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

Aber nichts auftaucht. Ich bekomme einige Konsolenfehler über kein Bild und CORS.

Answer 1

Mit A-Frame 0.3.0 müssen Sie Crossorigin nicht mehr manuell angeben. Es wird automatisch auf Assets gesetzt, die CORS benötigen.

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

Im Allgemeinen ist die Frage zu CORS fällig. Da alle Assets über XHR abgerufen werden, müssen Sie die Verwendung von CORS-Headern in Ihrem Asset aktivieren. Dies ist sehr üblich, wenn Sie von S3 aus dienen. Sobald Sie CORS aktiviert haben, müssen Sie crossorigin Flagge auf Ihr Vermögen setzen:

<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> 

Wir haben noch einen kostenlosen Uploader von UploadCare zur Verfügung gestellt. Es ist im Moment nach unten, aber später können Sie hier hochladen und CORSed Vermögen kostenlos https://aframe.io/aframe/examples/_uploader/

Auf iOS Safari, zu erhalten, wenn das Bild noch nicht geladen Sie es zuvor geladen, ohne crossorigin haben und es wird zwischengespeichert. Versuchen Sie, den Browser-Cache zu löschen.