{"id":2121,"date":"2018-08-01T10:40:58","date_gmt":"2018-08-01T08:40:58","guid":{"rendered":"https:\/\/blog.idethloff.de\/wordpress\/?p=2121"},"modified":"2018-08-01T10:40:58","modified_gmt":"2018-08-01T08:40:58","slug":"interaktive-360-grad-bilder-mit-marzipano","status":"publish","type":"post","link":"https:\/\/blog.idethloff.de\/wordpress\/?p=2121","title":{"rendered":"Interaktive 360-Grad-Bilder mit Marzipano"},"content":{"rendered":"<p>Lange habe ich nach einem Viewer gesucht, der auf der eigenen Webseite 360-Grad-Bilder darstellen kann. Marzipano scheint mir hierzu eine gute L\u00f6sung, zumal man bei Bedarf zus\u00e4tzliche Info-Symbole mit Erl\u00e4uterungstexten einbauen kann sowie mehrere 360-Grad-Bilder untereinander verlinken kann. N\u00fctzlich ist auch die &#8222;Autorotate&#8220;-Funktion, die man jedoch per Maus jederzeit \u00fcbersteuern kann. Alles in allem also eine gute technische Voraussetzung f\u00fcr die Gestaltung von Lernszenarien.<\/p>\n<p>\u00dcber <a href=\"http:\/\/www.marzipano.net\/\" target=\"_blank\" rel=\"noopener\">http:\/\/www.marzipano.net\/<\/a> und den Button &#8222;Marzipano Tool&#8220; kann man eigene 360-Grad-Bilder (in meinem Fall die mit der &#8222;Samsung Gear 360&#8220; erstellten Bilder) hochladen und interaktiv ausstatten bzw. die Viewer-Anzeige festlegen. \u00dcber &#8222;Export&#8220; wird ein zip-File erzeugt, das man dann entpackt auf den eigenen Webserver legen oder auch lokal im Browser betrachten kann.<br \/>\nHier ein Beispiel anhand einiger Urlaubsbilder von der Ostsee mit zwei verschiedenen Konfigurationen f\u00fcr die gleiche Zieldatei:<\/p>\n<p><strong>A) Eingebunden als iframe<\/strong><br \/>\n<iframe loading=\"lazy\" src=\"https:\/\/www.idethloff.de\/fotos\/360-timmendorf-autorotate\/app-files\/\" width=\"640\" height=\"360\" frameborder=\"0\"><\/iframe><\/p>\n<p><strong>B) Als Link zum Vollbild mit diversen View Control Buttons: <a href=\"https:\/\/www.idethloff.de\/fotos\/360-timmendorf-autorotate\/app-files\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.idethloff.de\/fotos\/360-timmendorf-autorotate\/app-files\/<\/a><\/strong><\/p>\n<p>Eine ausf\u00fchrliche Erl\u00e4uterung der Marzipano-M\u00f6glichkeiten incl. eines sehr guten Erkl\u00e4rvideos findet man auf dem Landesbildungsserver Baden-W\u00fcrttemberg: <a href=\"http:\/\/www.schule-bw.de\/faecher-und-schularten\/gesellschaftswissenschaftliche-und-philosophische-faecher\/geographie\/material\/geographie-interaktiv\/marzipano\" target=\"_blank\" rel=\"noopener\">http:\/\/www.schule-bw.de\/faecher-und-schularten\/gesellschaftswissenschaftliche-und-philosophische-faecher\/geographie\/material\/geographie-interaktiv\/marzipano<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lange habe ich nach einem Viewer gesucht, der auf der eigenen Webseite 360-Grad-Bilder darstellen kann. Marzipano scheint mir hierzu eine gute L\u00f6sung, zumal man bei Bedarf zus\u00e4tzliche Info-Symbole mit Erl\u00e4uterungstexten einbauen kann sowie mehrere 360-Grad-Bilder untereinander verlinken kann. N\u00fctzlich ist auch die &#8222;Autorotate&#8220;-Funktion, die man jedoch per Maus jederzeit \u00fcbersteuern kann. Alles in allem also &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blog.idethloff.de\/wordpress\/?p=2121\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eInteraktive 360-Grad-Bilder mit Marzipano\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,4],"tags":[],"class_list":["post-2121","post","type-post","status-publish","format-standard","hentry","category-e-learning","category-software"],"_links":{"self":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2121"}],"version-history":[{"count":6,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2121\/revisions"}],"predecessor-version":[{"id":2127,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2121\/revisions\/2127"}],"wp:attachment":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}