jeremyheleine / wp-photo-sphere Goto Github PK
View Code? Open in Web Editor NEWWP Photo Sphere is a plugin for WordPress, a filter that allows you to display 360-degree panorama.
WP Photo Sphere is a plugin for WordPress, a filter that allows you to display 360-degree panorama.
Hi Jeremy,
I have a problem with the plugin concerning browser compatibility.
Displaying 360-degree images works just fine in Chrome & Safari, but on FireFox (Version 61.0.1 "Quantum"), Microsoft Edge or Microsoft Internet Explorer.
It just displays "loading" in those browsers after clicking on the loading-link.
I tried different approaches like autoload, same problem.
Image size is 10000px x 5000px, filesize 3.5 to 5.5 MB.
Is there any problem perhaps with the canvas implementation cross browser?
Thanks in advance!
Greetings, Sven
Hello,
I really like this plugin, thanks for developing it !
Photo sphere and panorama from google camera (cf pixel 3a phone) now uses exif version 2.20. When I upload it to wp photo sphere I get stretch panorama that does not contain black bars anymore. However, they were functional when I was using exif version 2.10.
See xmp metadata:
`
$ exiv2 PANO_20191201_105331.vr.jpg -Pkyct
Warning: Removing 1 characters from the beginning of the XMP packet
Warning: Ignoring XMP information encoded in the Exif data.
Exif.Image.ImageWidth Long 1 9458
Exif.Image.ImageLength Long 1 960
Exif.Image.Make Ascii 7 Google
Exif.Image.Model Ascii 9 Pixel 3a
Exif.Image.Orientation Short 1 top, left
Exif.Image.Software Ascii 7 Picasa
Exif.Image.DateTime Ascii 20 2019:12:01 10:54:11
Exif.Image.YCbCrSubSampling Short 2 2 2
Exif.Image.XMLPacket Byte 786 (Binary value suppressed)
Exif.Image.ExifTag Long 1 976
Exif.Photo.ExifVersion Undefined 4 2.20
Exif.Photo.DateTimeOriginal Ascii 20 2019:12:01 10:54:11
Exif.Photo.DateTimeDigitized Ascii 20 2019:12:01 10:54:11
Exif.Photo.LightSource Long 1 Unknown
Exif.Photo.SubSecTime Ascii 4 737
Exif.Photo.SubSecTimeOriginal Ascii 4 737
Exif.Photo.SubSecTimeDigitized Ascii 4 737
Exif.Photo.ColorSpace Short 1 sRGB
Exif.Photo.PixelXDimension Long 1 9458
Exif.Photo.PixelYDimension Long 1 960
Exif.Photo.InteroperabilityTag Long 1 1462
Exif.Iop.InteroperabilityIndex Ascii 4 R98
Exif.Iop.InteroperabilityVersion Undefined 4 1.00
Exif.Photo.ImageUniqueID Ascii 33 31c685155661ae520000000000000000
Exif.Image.GPSTag Long 1 1256
Exif.GPSInfo.GPSVersionID Byte 4 2.2.0.0
Exif.GPSInfo.GPSLatitudeRef Ascii 2 South
Exif.GPSInfo.GPSLatitude Rational 3 25deg 41' 30.390"
Exif.GPSInfo.GPSLongitudeRef Ascii 2 West
Exif.GPSInfo.GPSLongitude Rational 3 54deg 26' 16.810"
Exif.GPSInfo.GPSAltitudeRef Byte 1 Above sea level
Exif.GPSInfo.GPSAltitude Rational 1 124.0 m
Exif.GPSInfo.GPSTimeStamp Rational 3 13:52:28
Exif.GPSInfo.GPSDateStamp Ascii 11 2019:12:01
Exif.Thumbnail.Compression Short 1 JPEG (old-style)
Exif.Thumbnail.XResolution Rational 1 72
Exif.Thumbnail.YResolution Rational 1 72
Exif.Thumbnail.ResolutionUnit Short 1 inch
Exif.Thumbnail.JPEGInterchangeFormat Long 1 1586
Exif.Thumbnail.JPEGInterchangeFormatLength Long 1 1246
Xmp.GPano.CroppedAreaLeftPixels XmpText 1 0
Xmp.GPano.CroppedAreaTopPixels XmpText 4 1694
Xmp.GPano.CroppedAreaImageWidthPixels XmpText 4 9458
Xmp.GPano.CroppedAreaImageHeightPixels XmpText 3 960
Xmp.GPano.FullPanoWidthPixels XmpText 4 9458
Xmp.GPano.FullPanoHeightPixels XmpText 4 4729
Xmp.GPano.InitialViewHeadingDegrees XmpText 3 180
Xmp.GPano.InitialViewPitchDegrees XmpText 1 0
Xmp.GPano.InitialViewRollDegrees XmpText 1 0
Xmp.GPano.ProjectionType XmpText 15 equirectangular
Xmp.GImage.Mime XmpText 10 image/jpeg
Xmp.xmpNote.HasExtendedXMP XmpText 32 723BC69C24363A16A496F102D07BA345
PANO_20191201_105331.vr.jpg: (No IPTC data found in the file)
$ exiv2 PANO_20190916_162829.vr.jpg -Pkyct
Exif.Image.ImageWidth Long 1 9216
Exif.Image.ImageLength Long 1 995
Exif.Image.Make Ascii 7 Google
Exif.Image.Model Ascii 9 Pixel 3a
Exif.Image.Orientation Short 1 top, left
Exif.Image.XResolution Rational 1 72
Exif.Image.YResolution Rational 1 72
Exif.Image.ResolutionUnit Short 1 inch
Exif.Image.DateTime Ascii 20 2019:09:16 16:29:00
Exif.Image.ExifTag Long 1 200
Exif.Photo.ExifVersion Undefined 4 2.10
Exif.Photo.DateTimeOriginal Ascii 20 2019:09:16 16:29:00
Exif.Photo.DateTimeDigitized Ascii 20 2019:09:16 16:29:00
Exif.Photo.LightSource Long 1 Unknown
Exif.Photo.FlashpixVersion Undefined 4 1.00
Exif.Photo.ColorSpace Short 1 Uncalibrated
Exif.Image.GPSTag Long 1 318
Exif.GPSInfo.GPSLatitudeRef Ascii 2 South
Exif.GPSInfo.GPSLatitude Rational 3 16deg 5' 12.490"
Exif.GPSInfo.GPSLongitudeRef Ascii 2 West
Exif.GPSInfo.GPSLongitude Rational 3 69deg 7' 45.440"
Exif.GPSInfo.GPSAltitude Rational 1 3867.7 m
Exif.GPSInfo.GPSTimeStamp Rational 3 21:25:05
Exif.GPSInfo.GPSDateStamp Ascii 11 2019:09:16
Xmp.GPano.CroppedAreaLeftPixels XmpText 1 0
Xmp.GPano.CroppedAreaTopPixels XmpText 4 1815
Xmp.GPano.CroppedAreaImageWidthPixels XmpText 4 9216
Xmp.GPano.CroppedAreaImageHeightPixels XmpText 3 995
Xmp.GPano.FullPanoWidthPixels XmpText 4 9216
Xmp.GPano.FullPanoHeightPixels XmpText 4 4608
Xmp.GPano.InitialViewHeadingDegrees XmpText 3 180
Xmp.GPano.InitialViewPitchDegrees XmpText 1 0
Xmp.GPano.InitialViewRollDegrees XmpText 1 0
Xmp.GPano.ProjectionType XmpText 15 equirectangular
Xmp.GImage.Mime XmpText 10 image/jpeg
Xmp.xmpNote.HasExtendedXMP XmpText 32 c389183a01ec2fb4460b34924473ac24
PANO_20190916_162829.vr.jpg: (No IPTC data found in the file)
`
Is it possible to get a workaround before this new version is supported ?
Cheers
Hi,
don't know for sure if it may be some setting, but at least on "stock" MS internet explorers the plugin brings low pic quality. Especially along edges of objects raw steps become visible, while a Chrome on the same machine brings the same sphere in perfect quality. This applies for both preview and full window modes. Tested this on Win 7, 8 and 10, with identical results.
Otherwise a great plugin, brought the first real use case for my 360 deg cam :)
With best regards
Ralph.
Hi Mr. Heline,
I wanted to let you know that I love your plugin, but wanted the improvements mistic100 made to your Photo Sphere Viewer so I forked your plugin with a minor rename (currently working title WP Photo Sphere Smooth): https://github.com/enlewof/WP-Photo-Sphere. I plan on submitting this to the Wordpress plugin directory but plan on giving you majority of the credit since I only really changed the javascript libraries and not too much of the PHP.
Hi,
Can this be converted to a standalone Javascript that can be embedded in a blogger blog? Ideally all I would need to do is copy/paste the code and change the file URL.
Thanks,
Shan
Hi,
I noticed that when the gyroscope mode is activated on android the pictures is jumpy in some place, https://wordpress.org/plugins/wp-vr-view/ for example does not have this issue.
It would also be nice to be able to move pictures in the gyroscope mode so that i that you can for example look back or up without having to move the phone 180° but still have gyroscope for smaller angles.
Thanks for the great app!
Works ok'ish on Mac (Safari, Chrome, Opera), but when I try to open it in Safari on my iPad (iPad Air) it crashes and reloading the page.
Also, on Windows (Chrome) it just displays a black square, no panorama. Thoughts?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.