You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

1

Thursday, November 27th 2014, 9:04am

Cloudfront distribution, fatal error on mobile devices.

Hi,

I have successfully set up my 360 degree videos on my site through storing the files on Amazon S3, then distributing the index.html files through Cloudfront. I have no issues on any desktop browsers however, when loading the videos on mobile devices I am receiving a FATAL ERROR - loading failed! (0), on the loading of the videointerface.xml.
If i use the direct link of the index.html from Amazon S3, the file loads on all devices, which makes it look like its a setting in Cloudfront. I cant seem to find any threads that relate to this issue, so was hoping someone else has successfully set up cloudfront distributions.


Cloudfront link: http://d3gi4hmvjucv3h.cloudfront.net/bea…ampleindex.html

Sam Rohn

Trainee

Posts: 109

Location: Brooklyn, New York

Occupation: 360° VR Photographer

  • Send private message

2

Thursday, November 27th 2014, 10:18am

seems you are using krpano 1.17.6 on that link, 360° video on html5 requires krpano 1.1.8 i believe ?

your xml etc will probably need update for 1.1.8 as well, see this page for details

http://krpano.com/video/

so this is probably not a cloudfront issue, let us know if krpano update resolves this

thanks

sam
Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City :: www.samrohn.com

PanoPress :: WordPress Plugin for 360° Panoramas in Flash & HTML5 :: www.panopress.org

3

Thursday, November 27th 2014, 1:50pm

Sam
I just attempted it with 1.18 and it didn't resolve the issue. It's now coming up with the same error message, but now on both desktops and mobiles. When I used the direct Amazon S3 link though the video loads fine on both.

http://d3gi4hmvjucv3h.cloudfront.net/beachhtml/index.html


Thanks

Sam Rohn

Trainee

Posts: 109

Location: Brooklyn, New York

Occupation: 360° VR Photographer

  • Send private message

4

Thursday, November 27th 2014, 2:38pm

ok, apprently there is an issue w amazon S3 and cloudfront and CORS, see these posts on stackoverflow for details

http://stackoverflow.com/questions/14814…t-not-the-other

http://stackoverflow.com/questions/24424…equesting-domai

this may be the solution -

in the CORS section from my tutorial on hosting panoramas on amazon S3, change this bit

Source code

1
<AllowedOrigin>*</AllowedOrigin>

to

Source code

1
2
<AllowedOrigin>http://*</AllowedOrigin>
<AllowedOrigin>https://*</AllowedOrigin>


let us know if that works, you may need to clear out cloudfront cache etc as well

sam
Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City :: www.samrohn.com

PanoPress :: WordPress Plugin for 360° Panoramas in Flash & HTML5 :: www.panopress.org

This post has been edited 1 times, last edit by "Sam Rohn" (Dec 1st 2014, 2:51pm)


5

Thursday, November 27th 2014, 2:45pm

Hi,

what mobile devices do you mean?
iOS devices?

Please notice that iOS can't use videos from other domains as WebGL textures.
That's a bug of the iOS Webkit browser engine.

See here:
http://krpano.com/plugins/videoplayer/#h…nownbrowserbugs

Here a testcase:
http://krpano.com/ios/bugs/ios8-webgl-video-cors/

And here the bugreport at Apple - please vote there for a fix:
https://bugs.webkit.org/show_bug.cgi?id=135379

Best regards,
Klaus

6

Thursday, November 27th 2014, 2:50pm

Sorry, I haven't tested your link - in your case the problem might be more the loading from https to http...

7

Monday, December 1st 2014, 9:56am

Thanks guys, thats solved it, i just added <AllowedOrigin>https://*</AllowedOrigin> to the CORS Configurations on each bucket as Sam said, then cleared the caches on all my distributions.

Thanks for you help!

Sam Rohn

Trainee

Posts: 109

Location: Brooklyn, New York

Occupation: 360° VR Photographer

  • Send private message

8

Monday, December 1st 2014, 2:50pm

thanks, i have updated the amazon S3 panorama hosting tutorial with new CORS config for better cloudfront CDN compatibility here -

http://www.panopress.org/forums/topic/ho…s-s3/#post-3122

sam
Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City :: www.samrohn.com

PanoPress :: WordPress Plugin for 360° Panoramas in Flash & HTML5 :: www.panopress.org