Panoramen in Homepage einbinden

Hallo Leute,

nach sehr langer Zeit habe ich mich mal wieder mit Pano´s beschäftigt und möchte mal fragen wie man die heute in eigene Web-Seiten einbindet.
Früher habe ich das mal mit erzeugten MOV Dateien gemacht, aber wie macht man das heute, was ist Stand der Technik?
Welche Tools brauche ich?

Ein paar Tipps und/oder Links zum einlesen wären nett.

Vielen Dank

Du möchtest ein horizontal+vertikeles 360° Panorama in 3D-Perspektive darstellen?

Quicktime ist nicht mehr wirklich state of the art.
Ich würde nach html5 playern suchen, wo Du einfach Deine Datei reinwirfst.
Meine über YT geht das mittlerweile auch und da kannst Du meist direkt das Video einbinden.

Da fällt mir ein, auch bei Vimeo lässt sich folgendes einstellen (nach dem Upload, im Reiter "Videodatei"):
360-Grad-Video-Format
[ ] Dieses Video wurde im 360-Grad-Format aufgenommen

Hi, ich möchte die Bilder nirgendwo anders ablegen. In Youtube und Facebook werden die Equirektangula JPG´s ja als Pano dargestellt.
Mit MOV Dateien bzw. Quicktime hatte ich es früher gemacht. Wie Chris schon schreibt macht man das heute mit html5 oder Flash, wobei Flash ja auch nicht jeder kann (und will).
Und um die 100€ für ein Programm will ich auch nicht aus geben.

Es muss doch einen freien Player geben und ein bisschen Script um das auf eigener Homepage in 360 zu zeigen.

Eine Google-Suche nach "html5 panorama 3d opensource" ergab folgende Ergebnisse:
https://pannellum.org
http://www.marzipano.net

Hi Joergen,

frag doch einfach mal Tobias:

https://www.360pano.de/de/technik/

Mit Watermark:

https://krpano.com/download/

Gruß

Markus

Danke für die Links, hab ich was zum lesen.

Ich nehme Marzipano, was problemlos funktioniert.

Gruß,

Sven

Hallo,

das Marzipano Tool ist ja genau was ich brauche, funktioniert tadellos.

http://www.klein-bild.de/gallery/index.php?iID=1053

Was mir nicht ganz so gefällt, das ich was hochladen muss, was machen die mit meinen Bildern?
Und dann muss ich noch mal schauen wie ich die Pano Anzeige etwas kleiner bekomme, ist sicherlich programmier-technisch möglich.

Danke erst mal. Die anderen Links gehe ich dann auch mal durch.

Meinst Du das Marzipano Tool?

"All processing is done on the browser; the files are not uploaded to a server."

Das tool generiert, soweit ich das in der API verstehe, nur den ganzen JavaScript kram. In dem Tool solltest Du theoretisch auch die Anzeigegröße einstellen können.

Edit: Du lädst das pano ja in ein div element mit id "pano". Wenn ich im Browser dafür einfach einen style angebe:

Hi Jens,

ich hatte noch nicht viel Zeit investiert, aber in den Erzeugten File, im Root liegt eine style.css, wenn ich da alle 100% angaben auf 80% setze habe ich eigentlich schon was ich wollte, ich muss nur genau Befehl (Abschnitt) noch finden der für die Bildgröße zuständig ist.

Bin nicht so der css Experte. Confused

Oder kann ich keinen Code da mit einbauen?
Aber warum? Wenn ich wie oben genau den Abschnitt finde tut es es ja. Smile

In der generierten style.css gibt es schon ein #pano Smile

. Da drin kannste natürlich die Werte schon auf 80% setzen, klar. Einfach alles auf 80% zu setzen ist keine gute Idee, vielleicht noch für den header, aber sonst könnten auch innere Elemente den verfügbaren Platz ggf. nicht ausnutzen.

Was meinst Du denn mit der Bildgröße? Wenn Du den Teil in der style.css anpasst der mit #pano anfängt, innerhalb der { }, dann sollte das Bild ja nur noch 80% des Bildschirms ausmachen.

EDIT: Beschreib doch mal wie es am Ende aussehen soll. Dann kann man schauen wie man dahin kommt

Das mit dem "alles auf 80%" war nur ein Test um zu sehen was passiert.

Ich möchte einfach das Pano nicht im kompletten Browser Fenster darstellen, eine 80% Breite vom Darstellbaren Bereich wäre genau richtig.

Wenn du kannst, sag mir einfach welchen Wert ich dafür ändern muss.

Danke

Ja aber möchtest Du es mittig haben? Mit weißem Hintergrund oder wie auf der Homepage?

In dem angehängten Bild hier habe ich nur den titlebar und das pano div auf 80% gesetzt

Man könnte das als iFrame sogar in die Homepage einbetten, rein theoretisch.

Morgen,

ja gerne zentriert ohne Hintergrund, oder wie aufe Homepage.
Gibt es einen WYSIWYG Editor für diese css Datei?

Habe Dir mal eine PN geschrieben Wink