Sie sind nicht angemeldet.

Cloudfront distribution, fatal error on mobile devices.

wilko124

Anfänger

  • »wilko124« ist der Autor dieses Themas

Beiträge: 5

  • Nachricht senden

1

Donnerstag, 27. November 2014, 09:04

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

Schüler

Beiträge: 110

Wohnort: Brooklyn, New York

Beruf: 360° VR Photographer

  • Nachricht senden

2

Donnerstag, 27. November 2014, 10:18

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

wilko124

Anfänger

  • »wilko124« ist der Autor dieses Themas

Beiträge: 5

  • Nachricht senden

3

Donnerstag, 27. November 2014, 13:50

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

Schüler

Beiträge: 110

Wohnort: Brooklyn, New York

Beruf: 360° VR Photographer

  • Nachricht senden

4

Donnerstag, 27. November 2014, 14:38

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

Quellcode

 
1

<AllowedOrigin>*</AllowedOrigin>

to

Quellcode

 
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

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Sam Rohn« (1. Dezember 2014, 14:51)

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

5

Donnerstag, 27. November 2014, 14:45

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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

6

Donnerstag, 27. November 2014, 14:50

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

wilko124

Anfänger

  • »wilko124« ist der Autor dieses Themas

Beiträge: 5

  • Nachricht senden

7

Montag, 1. Dezember 2014, 09:56

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

Schüler

Beiträge: 110

Wohnort: Brooklyn, New York

Beruf: 360° VR Photographer

  • Nachricht senden

8

Montag, 1. Dezember 2014, 14:50

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

Ähnliche Themen