How to post your Facebook Panorama 360 Photos

Panoramas Photos können seit wenigen tagen auch auf Facebook Hochgeladen werden, auf Privaten Profilen Gruppen und Fanpages. Doch wer sich ein bisschen mit Panoramas beschäftigt, weiss das es dazu nicht zwingend eine eigene 360 Grad Kamera benötig. Hier möchte ich ein paar Mobile Apps vorstellen mit denen man ohne Neuer Camera  feine Panoramas mit seinem Mobile für Facebook Produzieren kann mit 360 Grad oder auch nur  180 Grad ,wenn’s schnell gehen soll, Plus einblick in einige weniger bekannten Tools für das Panorama Editieren zu geben. Zu diesem Blogpost hat mich der spannende technische Facebook Artikel von Eric  (Facebook Mitarbeiter) Injecting 360 Photo Metadata inspiriert  da die Methode des rebranding der Exif Daten nur die Halbe wahrheit ist und in den meisten Fällen nicht nötig ist.

Geschüttelt nicht Gerührt … Panorama Facebook Post

Wie ladet man Panoramas zu Facebook hoch ? Zuerst importieren wir unser Panorama Foto vom Mobile auf den Desktop mit z.B AIRDROID. Screen Shot 2016-06-11 at 11.13.56Um erfolgreich ein Panorama zu posten muss man diese in das Posting Fenster ziehen nicht als Datei auswählen. Wenn Face das Bild als Pano erkennt erscheint ein kleines Welt Ikon rechts unten über dem Bild Thumbnail.

 

Achtung: Es gibt 2 Photo Upload möglichkeiten , einen im Newsfeed und einen anderen in My Profile. Der Newsfeed Photo Upload ist problematisch, aber mit dem Photo Upload in My Profile geht es reibungslos ohne extra zwischen steps oder Metadata Exif Injection mit den unten erwähnten Apps . Ähnlich auch für Pages nicht im Newsfeed das Foto hochladen sondern im FOTO Tab.

Alle erfolgreichen Posts wurden am Chrome Browser wurden via Drag & Drop in der Timeline erstellt .

 

Rocking Panorama Apps for Facebook

Folgende Mobile Apps unterstütz Facebook 360 Grad Panoramas das Kugelpanorama im Equirectangular Format mit einem Seitenverhältnis von genau 2:1

Google Street View  : Eine kaum bekannte Funktionen von GoogleStreet ist das Sie auch Panoramas erstellen kann, falls gewünscht auch mit Audio. Diese können direkt auf eine Google map geteilt werden werden aber auch lokal gespeichert und können so auch für FB verwendet werden. #ValidPano Exifs

360 Camera TeliportMe : Calibrate, Hold Upright und Start, die beste einführung um gute Panos zu schiessen.  3 Modes Standard Manual Real Time. Unglaublich schlechte Benotung für eine einwandfreie app. Sie ist der direkt link zur app . Von der gleichen Firma ist auch das Portal Panorama 360 mit Social Platform oberfläche.  ValidPANO Exifs -Kostenlos

Cardboard Camera  Google: Erstellt nur Zylindrische Panoramas , geht jedoch extrem schnell und kann durchaus ausreichend sein für manche Fälle. Wird von FB unterstützt. Etwas niedrigere von der Bildauflösung. #ValidPano Exif – kostenlos

Bimostitch Panorama Stitcher : Stitch hi-res single-row, multi-row, photospheres or 360° panoramas bis zu 200 Überlapende Bilder werden zusamengefügt – advanced image recognition algorithms +completely free Ad free version. Erfordert etwas Erfahrung mit Panorama Photography . Extra Plus nur die Kamera Auflösung limitiert die Pano Qualität nicht die app. Hohe Auflösung und viele Fotos brauchen Ihre Zeit und Batterien. Auch als Windows 7 Desktop App verfügbar Developer Chomba Bupe  Rating: 4.2 #Cylindrical Panoramas only

Photo Sphere (GoogleGallery.apk) : On Nexus Phones can also be installed on any other Android , add the Google Camera for Spherical Shoots 360 and Panorama Style. Tutorial on Youtube #PanoExif only in 360 Mode. Include a Panorama Gallery Player + 360 Panorama Image Editing !

THETA Convertor : Das Android Plugin für die Gallery konvertiert jedes Photo in ein 360 Photo welches Facebook als Panorama akzeptiert. Brauchbar für Experimentelle Panos  wie TiniPlanet

YouTube video

 

Sony Xperia Schwenk Kamera : Xperia Mobiles haben eine AutoPano funktion bereits integriert. Wie der Name schon sagt wird das Panorama durch einfaches langsames schwenken des Mobiles erzeugt. Hier auch wieder nur Cylindrical Panoramas. Nur 180 Grad 4912x 1080 pix 254KB Cylindrical Panoramas  NoPANO Exif

Summa Summarum : Für schnelle Teil Panoramas ist 360Camera recht gut für Spährische 360 Grad Panos ist Google Street View fast so gut wie PhotoSphere. Die Auflösung  bei allen Apps ist recht bescheiden. Wer wert auf hohe Qualität legt kommt nicht herum die Bilder Manuel mit einem guten Fotoaparat aufzunehmen und mit einer Software wie PTGui oder Hugin  zu Stitchen.

SHOOTING a 360 PANORAMA with a MOBILE

Die Haufigsten fehler beim capturen eines 360 Panoramas ist das man die Kamera um sich herum bewegt . Man sollte um die Kamera Herum gehen , so das Sie In der Kamera Axe sich dreht und der Mobile Fotografiert um die Kamera sich dreht, ähnlich wie beim Tanz Schritt. Zweit haufigsten Fehler sind Gesichter oder bewegende Objekte die zu nah an der Kamera sind. Wenn man diese Fehler vermeidet verringert man die Stitching fehler und kommt zu ganz guten ergebnissen. Für Perfekte End Ergebnisse bleibt der Weg über PTGui oder andere Stitching Software nicht erspart.

360 Panorama Image EDITING and Color Correction

360-Panorama-Image-EditingKein Bild ist gut welches mit einem Mobile aufgenommen wurde. Üblichweise werden Panos in Photoshop kräftig nachbearbeitet Farben Kontraste angepasst ect.

Doch um am Mobile zu bleiben reicht es nicht dieses mit den lieblings Photo Bearbeitung Tools und Filter zu verschönern, diese zerstören die Metadaten des Bildes und es wird von Facebook nicht mehr als Panorama erkannt. Einzige Ausnahme ist wieder mal Google mit der Photosphere  Google Album App damit kann man einiges anpassen und das Panorama Metadaten bleiben intakt. Etwas schwierig gestaltet sich das richtige mass der Filter und Farb Parameter zu wählen, die kleine Vorschau könnte eine Zoom funktion vertragen.

Eine weiter APP für Panorama Color Correction und Retusche

SNAPSED von Google erhält die Panorama Exif daten auch nach der Bearbeitung. Für all jene die nicht nur Filtern wollen sondern Partielle Verbesserungen am Photo vornehmen müssen

 

 

 

 

 

Hacking 360 Panorama Video

Den alten Panorama Trick befor Facebook die Panos vorstellte ,wenn man ein 360 Grad Video haben möchte aber nur ein 360 Panorama hat. In einem beliebigen Video Programm importiert man das Pano Photo verlängert die Sequenz auf z.B 60 Sek. Exportier das Video . Jetzt benutzt man das Google Spatial Media Metadata Injector Mac  Windows  miniTool um die nötigen 360 Metatags in das video zu Injection. Facebook Hochladen und fertig ist das 360 Video . Der Vorteil man kann eine Audio hinzufügen wie z.B Atmophärische Sound Teppich oder ähnliches. Das funkt ganz gut solange sich nichts wesentliches im Bild bewegt wie bei Landschafts 360 Videos.

 

Embedding Panoramas in your WEBSITE Blog

Um unser schösten Panoramas auch auf der Webseite darzustellen gibt es ein paar Interessante Möglichkeiten. Easy Cheesy den Facebook 360 Grad Post Embden. Nachteil Facebook Panos können kein Zoom in .Fals wir wirklich ein Hochqualtittaives Panos Produziert haben mit einer DSLR und Pro Tools sollten wir daran denken Facebook Panos nur zur verbreitung zu nutzen und die High end version auf dem Blog Webseite darzustellen .

Google Street View bietet da eine extrem spannende Version an sein eigenes Google Street View Bild zu zeigen. Besonders Interessant für Deutschland und Österreich die Datenschutz diskussion keine Google Street View Bilder erlaubt aber sehr wohl User generierte . Hier der

Pannellum   : Open Source HTML5 Player mit vielen Optionen Hotspot , auto rotate , autoload

Streetview Developer Guide um so ein Bild darzustellen. Dies könnte recht einfach in ein WordPress Plugin oder in einem Child Theme Verwendung finden.

KPano ist wohl der erfahrene Panorama Tool Anbieter welcher auch eine HTML5 Panorama Player wie 360 Video Player anbietet.

Updating existing Panoramas for Facebook 360 Upload

Wer schon Panoramas Fotografiert hat möchte diese auch zu Facebook hochladen um Sie mit seinen Freunden zu teilen. Viele Kameras haben bereits Panorama Funktionen implementiert. Doch bei diesen Panos fehlen oft die relevanten metatags Gpan Daten. Facebook hat mehrere Methoden Panoramas zu erkennen. Eine via Kamera Model die Details für 2 Kamera Typen hat FB bereits in seiner Datenbank und passt somit Projektion Darstellung an. (THETA und LM 360) . Facebooks Panoramas  unterstützen nur Kugelpanorama Equirectangular Panorama, keine Cylindrical oder Rectilinear Panoramas . Da aber die meisten Teil Panoramas  Streifen Panorama Rectilinear art sind müssen wir die Metadaten anpassen, um diese im 360 Panorama Player auf Facebook richtig darzustellen. Wir projizieren diese in die mitte der Kugel . Das geht am einfachsten mit dem exiftool dazu gibt es für OSX wie Windows eine GUI Oberfläche. Welche Metadaten für ein Teilpanorama zwingend erforderlich sind folgt jetzt im kleinen technischen Teil.

Alles Meta oder was ? EXIF und Photo Metatags

Der Panorama Standard ist noch immer nicht definiert ,d.h jeder Hersteller benutzt seine eigene Metadaten um zusatz informationen im Bild zu speichern . Die Sogenannten EXIF oder Metadaten ,GeoDaten ,Belichtungszeit, Copyright, Bild Typ und Fromate werden hier im Bild gespeichert. Ohne hier zu technisch zu werden Facebook benötigt Equirectangular für 360 Grad darstellung. Was es nicht braucht sind die in diesem Facebook Post besprochenen make: RIKOH THETA metadaten.  Nur falls für diese Kamera Modele die Panorama Exif Daten verloren gingen macht es Sinn diese zu inizieren. Warum ? FB hat die Camera und Lens Daten für diese 2 Cameras seit langem bereits erfasst da Sie offizielle Partner sind. Wer lust hat die Exifs seiner Fotos zu entdecken kann dieses Online Tool Exif Tool theexifer sich ansehen , hier werden leider auch nicht alle sondern nur einige Metadaten angezeigt.

ExifTool-Facebook-pyExifToolGUI

pyExifToolGUI

Mit einem command Line packet exiftool   kann man alle Exif daten auslesen dazu gibt es extra eine GUI User Interface für pyExifToolGUI Mac und ExifToolGUI Windows . Mit diesem Tool hab ich unterschiedliche App Panorama Fotos auf Ihre Exif Daten getestet um zu sehen ob Sie Facebook Taugliche metadaten Gpano enthalten bzw welche ergänntz angepasst werden müssen . Folgende Panorama Metadaten werden benötigt auch im fall eines Teil Panoramas.

Screen Shot 2016-06-13 at 06.57.02


Beispiel für ein Teil Panorama Bild mit 599×4009 Pixel mit 360 Grad wie es z.B 360Camera erzeugt.

ProjectionType : Equirectangular           (important)

UsePanoramaViewer:  TRUE

FullPanoWidthPixels: 4000

FullPanoHeightPixels:2000

CroppedAreaImageWidthPixels : (Volle Breite des Panoramas)

CroppedAreaImageHeightPixels: (Volle Höhe des Panoramas)

CroppedAreaLeftPixels: 0

CroppedAreaTopPixels: 700    (wichtig um verzerrung zu vermeiden)

InitialHorizontalFOVDegrees: 360.0    (Sichtbarer Horizont in Grad)

PoseHeadingDegrees : 360.0      (für Google Street View)

InitialCameraDolly :     (optional)

CroppedAreaTopPixels : Da wir die Kamera Bilddaten nicht kennen müssen wir hier eine kleine mini Rechnung durchfürhen um die richtigen werte für CroppedAreaTopPixels zu berechnen um das Pano in der mitte der Kugel zu Projizieren. Machen wir das nicht kommt es zu unschönen verzerrungen des Bildes .

CroppedAreaTopPixels =FullPanoHeightPixels - BILDHÖHE /2

Wichtig ist hier auch das das Verhältnis FullPanoHeightPixels : FullPanoWidthPixels  1:2   sein muss ! Der Wert spielt keine große Rolle sollte nur größer als die Bildgröße sein wenn man kein Zoom Effect wünscht. Je nach Größe hat man eine weniger oder größere Sphärische Verzerrung der Kugel, im extrem Fall ergeben sich der Tiny Planet Effect.

Um schnell und ohne Upload test zu sehen ob das Pano FB Tauglich ist kann man am schnellsten mit dem exiftool oder pyExifToolGUI  testen. Hier noch ein paar MAC Console Commands

EXIFTOOL Exampels 
# extracting exif
exiftool image.jpg 

# Extracting to File
exiftool -r  image.jpg >out.txt

# writing Exif File to image
exiftool "-subject<=mymetaexif.txt" image.jpg

# Add Exif Multiple File 
exiftool -artist=me a.jpg b.jpg c.jpg

# ADD Projection Type : equirectangular ! IMPORTANT 
exiftool  -Projection Type="equirectangular"  image.jpg

# Create Exif html page
exiftool -htmldump -w tmp/%f_%e.html t/images

#Write multiple tags to all files in a directory
exiftool -artist="A. Esmann" -copyright="2015 Metaprime Studio" -Projection Type="equirectangular" c:/images

Facebook Panorama Resolution

Wie hoch ist die Auflösung bei 360 Grad Panoramas von Facebook ? FB speichert intern das Panorama als Cube Map also 6 Bilder ansichten eines Würfels diese Dateien sind nicht größer als 1-4Mb 1536 x 9216px (Zucks Pano File  ) was recht wenig ist für ein Panorama, jedoch eine brauchbare größe um auch noch Mobile ein Panorama darzustellen. Panorama Vorschau Bilder können bis zu 1024 x 1024 gross sein.

Um einen Freund zu Zitieren

Facebook Zerstört mit dieser Panorama Funktion eine ganze Branche von Pano StartUps” . – Jürgen H.

Ganz im gegenteil , Panos werden für jeden einen erlebbares Medium werden auch für nicht Touristiker. Die Leute werden sich endlos viele einsatz möglichkeiten einfallen lassen wo Sie Panos einsetzen viele mit einer einfachen Theta oder Mobile produziert doch es wird genug Anwendungen geben wo Hochqualitative Panoramas gebraucht werden Hier kommen die erfahrenen Panorama Photographen zum zug .

REview Stitching Software for Panoramas

Welche Software erlaubt das erstellen von 360 Panoramas ? Hochwertige Panoramas waren lange zeit spezialisierte Fotographen vorbehalten. Erstens weil sehr komplex zu erstellen, zweitens einiges an extra Ausrüstung benötigt wurde die nicht jeder so zuhause rumliegen hat.

PTGUI  : Der Klassiker und Rolls Royce unter den Pano Stitching . Etwas komplexer für den erst Einsteiger auf den ersten Blick jedoch wirklich alle Methoden und einstellungen die man sich wünschen kann. Spartanisch im Look aber ein alles könner . Wenn PTgui es nicht kann kann es keine andere Pano Software. Wird auch für die Erstellung von 360 Grad video Rig Templates verwendet.

HUGIN : win/OSX /linux  Ähnlich wie PtGui . Opensource. Die Windows version wurde erst kürtzlich upgedatet March 2016.

AutoPano & giga von Kolor : Der Stich automat ,weniger Einstellungen möglichkeiten, sehr ansprechende UI . GoPro Partner.

 Offline Panorama Viewer Plus 360 Grad Video Player

UPDATE : Kolor hat  seinen Player rebranded und in GoPro VR Player 2.0 unbenannt . Das schöne an diesem Player ist er spielt nicht nur 360 videos ab sondern auch 360 Panoramas , somit ein perfektes Tool um Panoramas  zu kontrollieren oder Kunden vorzuführen. GoPro VR Player beta download 

Zum abschluss ein Offizielles Facebook Kommentar von einem Software Engineer at Facebook

Sean Snyder “Facebook does support the google photosphere metadata and does not require any specific make/model. In fact Photosphere metadata is preferred  make/model recognition is mostly to try to help some people who have accidentally stripped their photosphere XMP metadata. It just wasn’t very clearly captured in the article.”

Panorama from Video

Eine interessante Entwicklung aus den Microsoft Research Labs ist Image Composer  mit welcher man Panoramas aus einem video erstellen kann. Mit den oben beschrieben Weg kann man  auch diese Facebook Panorama tauglich machen. Microsoft hat in letzter zeit ein paar sehr innovative Video und Bild technologien umgesetzt wie z. B Hyperlapse welche auch als Android Win App kostenlos gibt

Diese Panorama LAB Tools sind eher für all jene Fortgeschrittenen Pano begeisterte welche nicht nur die Consumer Tools verwenden wollen und ausergeöhnliche Panos produzieren wollen.

Update : Microsoft bietet keinen Download mehr an für Ihre ICE Projekt . Über drittanbieter ist die Software noch erhältlich ICE Download ComputerBild

How to Tweet 360 PAnorama Photo and Video Content

Nachdem wir etwas auf den Geschmack gekommen sind . Wenn wir schon ein Panoramas produzieren teils mit sehr viel Zeit Aufwand warum nicht auch auch für Twitter  als embedded Media Player Card ? Im pPrinzip recht einfach, es basiert auf dem gleichen Prinzip wie die Video Player Card. Für Twitter können wir uns für eine Media Player Card anmelden . Doch vorher braucht es einen Koch oder Web Entwickler der muss alles soweit vorbereiten. Twitter verlangt das der Panorama Player am Desktop wie auch am Mobile spielt  d.H wir brauchen einen Flash Player plus einen HTML5 Panorama Player für  Mobile. Panorama Flash Player gibt es sehr viele eine Interessante  Auswahl von einem Pionier kommt aus Japan von Ryubin Panorama Labs Player welche auch 360 Videos Unterstüzten ! Diese Update erlaubt uns auch das Teilen von High Quality Panoramas, Branding mit eigenem Player Design und vieles mehr, auch in  Facebook, in hoher Qualität und Auflösung. Und hier ein beispiel wie das auf Twitter anschauen kann. realisiert mit dem  Panos2VR von Gnome. Twitter Panorama Basilica of San Francisco and Buenos Aires

 

LAST BUT NOT LEAST 360 CAMERAS PRO & CONTRA

Toys Day hands on one of the first Gear360 cameras in europe love the designe but 360 video quality....Wer kein Mobile hat das ganze immer noch zu aufwendig ist kann sich eines der 360 Kameras anschauen. Mit einer

RICKO THETA : #pro handliche  360°-Panorama Aufnahmen mit 14 Megapixeln 20 Sek. Bearbeitungszeit #contra

LG 360 Cam: #contra verliert die panorama metadaten

Samsung GEAR 360 : #pro Handlich , Nice Design , soll 360 Video live stream Unterstüzen #contra massive Stitching Fehler bei den 2 Video Übergeängen.

Die Kameras liefern alle instant 360 Grad Panoramas sowie 360 Videos. Eine Schnappschuss Kameras um schnell und einfach 360 zu schiessen. Diese Type Cameras haben gemeinsam das sie mit Ihren 2 Linsen  arbeiten und diese zwei 180 Bilder/ Videos zu einem zusammenfügen mehr oder weniger gut.

 

 

Introducing 360 Photos on Facebook Newsroom

Intersting Links Good to Read
#Doc
### THANX TO PIONIER 
### Prof. Dr. H. Dersch  Panorama Tools, Open Source Software for Immersive Imaging
### the guru or king of contemporary panoramic technology
- https://webuser.hs-furtwangen.de/~dersch/

https://www.sno.phy.queensu.ca/~phil/exiftool/faq.html
- MUSTREAD Google Panorama Spherical-metadata 
  https://developers.google.com/streetview/spherical-metadata#metadaten-eigenschaften
- CArdboard speres 
https://www.instructables.com/id/Google-Cardboard-Photospheres/

#-Intro 
https://www.cambridgeincolour.com/tutorials/image-projections.htm

#- Developer SDK
### Ryubin Panorama Labratory https://www.ryubin.com/panolab/panoflash -FLASH
https://www.dermandar.com/freeSDK/
- Streetview Developer https://developers.google.com/streetview/
- Python Spatial-Media Injector for Video GIT https://github.com/google/spatial-media
#-tech
https://atterer.org/tech/android-exif-tags-xmp-pano-panorama-exiftool
https://jonhall.info/how_to/dump_and_load_metadata_with_ffmpeg
- Projektion Type Panorama: https://en.wikipedia.org/wiki/List_of_map_projections
https://www.panotwins.de/technical/how-to-add-mandatory-photo-sphere-meta-data-to-an-equirectangular-image/
#-blog
https://www.andrewhazelden.com/blog/2012/11/domemaster-photoshop-actions-pack/

# Downloads 
https://frozentime.se/photos/macmetamod.html
#Panoramas
https://pages.swcp.com/~adric/pano/

https://commons.wikimedia.org/wiki/Commons:Featured_pictures/Places/Panoramas