2017-01-20 3 views
2

CONTEXTWie kann ich mit einem Rahmen einen 360 ° Videoeffekt erzeugen?

Wir wollen eine Wirkung ähnlich schaffen, was here umgesetzt wurde. Ich möchte jedoch das 360-Grad-Video als Heldenelement einer längeren Seite darstellen.

PROBLEM

Die beste Lösung, die ich bisher für die 360 ​​Video gefunden haben, ist Mozilla aframe zu verwenden, da here erfolgt. Das Problem, auf das ich stoße, ist jedoch, dass das Hinzufügen einer <a-scene></a-scene> zu meiner längeren Seite im Wesentlichen den Rest der Seite durchbricht, was dazu führt, dass ich darunter liegende Elemente nicht sehen kann (sie sind in DOM). Eine Lösung, die ich fand, war, die a-Szene auf eine separate Seite zu legen und sie dann in einem iframe auf meiner Seite anzuzeigen. das funktioniert gut, wenn ich neben dem Iframe blättern, aber Scrollen funktioniert nicht innerhalb des Iframe.

Typische Lösungen für dieses Bild Problem sagen Sie overflow: hidden verwenden, aber das hat nicht funktioniert, also dachte ich, vielleicht gibt es einen anderen Ansatz, den ich Mausbewegungen über die 360-Video-Steuerung der Kamera macht, während scroll steuert die übergeordnete Seite

+0

Mögliche Duplikat [Wie eine aframe Szene in ein div einzubetten] (http://stackoverflow.com/questions/40902305/how-to-embed-an-aframe-scene-into-a -div) – ngokevin

Antwort

1

https://aframe.io/docs/0.4.0/components/embedded.html

Verwenden Sie die eingebettete Komponente dann die Szene Element Stil.

<a-scene embedded>

+0

Dies scheint wie die richtige Lösung, aber aus irgendeinem Grund Embedded fügt das innere Bild vom Bildschirm verschwinden - https://www.igotchamedia.com/arvr2/ – Sekoul

+0

müssen Sie CSS anwenden – ngokevin

+0

Von dem, was ich sehen kann , selbst die Anwendung von Höhe und Breite auf das a-scene-Element, wie anderswo vorgeschlagen, hilft hier nicht. Irgendein bestimmtes CSS, das ich anwenden sollte, um das Hintergrundbild zu erhalten? – Sekoul

Verwandte Themen