Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

black screen using firefox? #363

Closed
kadrim opened this issue Apr 21, 2020 · 1 comment
Closed

black screen using firefox? #363

kadrim opened this issue Apr 21, 2020 · 1 comment

Comments

@kadrim
Copy link

kadrim commented Apr 21, 2020

Hi there!

i really love to use photospheres but for me it seems not to work correctly.

On all Windows (10) devices with Firefox (currently v 75) the Panoramas won't display. On Chrome and Edge (also Chrome) everything is fine. Even on mobile phones (Android 10) with firefox the Panorama is displayed.

But on the Desktop Firefox everything is Black. This also happens on Firefox 75.0 64bit (Ubuntu 18.04).

I originally posted this issue for photo-sphere-viewer on nextcloud (nextcloud/files_photospheres#41)

and wit the help of @R0Wi we discovered that this must be an upstream bug or related to the picture itself.

@R0Wi prepared some test cases which i currently host on my servers:

http://tyrael.metaname.de/example/panorama1.html (same library version as used in the NC-app)

http://tyrael.metaname.de/example/panorama2.html (latest stable release 3.6.0)

http://tyrael.metaname.de/example/panorama3.html (4.0.0 alpha)

Thanks in advance!

@mistic100
Copy link
Owner

Your image is way too big !
It will be resized to the MAX_TEXTURE_SIZE supported by the browser, which is 16384 on chrome and 8192 on Firefox.

const canvas = document.createElement('canvas');
const ctx = canvas.getContext('webgl');
ctx.getParameter(ctx.MAX_TEXTURE_SIZE);

You probably get a black image because the system is struggly to resize the picture.
Use 8192 pixels wide image and you will be fine.

The resize is done using standard canvas API, nothing can be done to improve this in the lib.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants