search

mpetroff / pannellum

Pannellum is a lightweight, free, and open source panorama viewer for the web.
https://pannellum.org/
MIT License
4.28k stars 726 forks source link

WebGL not working in IE 11 and Chrome 56 (picture resolution) #368

Open marcelnem opened 7 years ago

marcelnem commented 7 years ago

I created a panorama with pannellum and it works in Firefox 52.0.1, but not in Chrome 57.0.2987.110 (64-bit) nor in IE 11.953.14393.

In Chrome or IE, it says that the browser does not have necessary WebGL support. I tried on a different computer where the situation is the same. (chrome and IE dont work). My panorama is an incomplete photosphere from google android phone. It works perfectly in Firefox. Resolution of the picture is 15872x2420.

In the same browser (IE 11.953.14393) the simple example is working ok. In Chrome (57.0.2987.110) even the simple example is not working - shows the WebGL support error.

I would like to make my picture work at least in IE 11.

I tried to downsize the picture to 50% but then it gets stretched vertically.

mpetroff commented 7 years ago

Does https://get.webgl.org/ work? What does http://webglreport.com/ list as the max texture size?

marcelnem commented 7 years ago

The two computers I talked about were work laptops (2016 models). I can run the tests on Monday. However I already run the http://webglreport.com/ yesterday and it was green only in Firefox 52.0.1 on the work computer. It was red in IE 11.953.14393 and chrome 57.0.2987.110 (64-bit) . In those cases when it was red, the website was saying that the browsers do support webgl but it odes not work on the device and recommended to check the drivers. However, in IE, even though the http://webglreport.com/ was red, the simple example was working. The multi res example from homepage works in all browsers.

Now I am on my personal computer. Here the panorama works in Firefox (50.1.0) and Chrome (56.0.2924.87). But not in IE (11.953.14393). On this personal computer https://get.webgl.org/ works in all three browsers. The http://webglreport.com/ reports green for webGL1 in all browsers and green for webgl2 in chrome. max texture size is 16384 on the personal computer.

I can not control browsers and graphic drivers of all users. Is there any recommendation on how to improve the compatibility? E.g. to achieve the consistency of the home-page example (the library) or the simple example (seems to work everywhere except chrome at work laptop)? E.g. lowering the resolution/ converting the image/forcing non-webgl mode? I tried to lower the resolution but then the image was distorted (stretched vertically). Unfortunately I do not remember whether lowering the resolution solved the compatibility on work laptops. I have to check on Monday.

marcelnem commented 7 years ago

I down-sampled the image to 4096x2048 and filled the unoccupied canvas with black color to prevent stretching. Now the panorama works on my mobile phone (chrome for android). But IE 11.953.14393 on home laptop is still not working.

mpetroff commented 7 years ago

The panorama on the pannellum.org homepage is a multires panorama (generated using this Python script), which has a CSS 3D transform-based fallback renderer when WebGL isn't supported. Cube map panoramas, which are simpler to generate, are also supported by the fallback renderer. Standard equirectangular images are only supported via WebGL.