how to render a 360° image correctly on a webpage

schneidz · 09-17-2019, 06:08 PM

so i have this example of a picture on my website. it was taken on an essential cellular telephone with its 360 camera attachment:

http://schneidz.webhop.me/temp/360-photo.html

on the phone screen i can see it in first person view and can drag my finger to change the camera angle. but when i share them online, it only shows as an stretched out flat image. is there any html tags or server software i need to render it as a 360° image ?

it worx on google-photos:
https://photos.app.goo.gl/4T88E7YbTkuR416K8

Skaperen · 09-17-2019, 07:34 PM

this is how i rendered mine about 10 years ago. feel free to steal my JS code that does this.

http://ipal.net/vance/

schneidz · 09-17-2019, 09:51 PM

^ thanks, but i am getting:

Quote:

This XML file does not appear to have any style information associated with it. The document tree is shown below.
<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>A9459FECFB6D19A0</RequestId>
<HostId>
TRIFU4cF4GnDTN9Hri2Uov3gDEKev/j2A8cU/cgzEtPxoHSP4gR2a5YHie0jlf7Pz2ppXCUioZQ=
</HostId>
</Error>