[Web] HDRi gives black image on Firefox 47 / Win10 #48984

Open
opened 2016-07-31 23:00:57 +02:00 by Sybren A. Stüvel · 12 comments

HDRi images from the HDRi library, for example https://cloud.blender.org/p/hdri/578dfdb788bef65cef5981de, don't show on Firefox 47 / Win10. Instead, a black rectangle is shown: screenshot.png

This is logged in the console:

Prefixed Fullscreen API is deprecated. Please use unprefixed API for fullscreen. For more help https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API flowplayer.min.js:7:14275
The resource at "https://www.google-analytics.com/analytics.js" was blocked because tracking protection is enabled.[Learn More] 578dfdb788bef65cef5981de
No THREE.js found. vrview-analytics.min.js:17:358
THREE.WebGLRenderer 73 vrview-analytics.min.js:10:14095
Recalculating device params. vrview-analytics.min.js:15:11380
User agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0 vrview-analytics.min.js:15:12060
Pixel width: 1920.0000591278076 vrview-analytics.min.js:15:12090
Pixel height: 1080.0000332593918 vrview-analytics.min.js:15:12121
No DPDB device match. vrview-analytics.min.js:15:12705
New device parameters: vrview-analytics.min.js:15:11455
null vrview-analytics.min.js:15:11493
Failed to recalculate device parameters. vrview-analytics.min.js:15:11606
Fetching DPDB... vrview-analytics.min.js:15:10765
Using fallback iOS device measurements. vrview-analytics.min.js:14:29351
Using the Cardboard I/O 2014 viewer. vrview-analytics.min.js:16:13147
Mode change: 0 => 1 vrview-analytics.min.js:16:15992
onModeChange_ 1 vrview-analytics.min.js:18:1207
Analytics: going from mode undefined to NORMAL vrview-analytics.min.js:17:24330
Successfully loaded online DPDB. vrview-analytics.min.js:15:10928
Recalculating device params. vrview-analytics.min.js:15:11380
User agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0 vrview-analytics.min.js:15:12060
Pixel width: 1920.0000591278076 vrview-analytics.min.js:15:12090
Pixel height: 1080.0000332593918 vrview-analytics.min.js:15:12121
No DPDB device match. vrview-analytics.min.js:15:12705
New device parameters: vrview-analytics.min.js:15:11455
null vrview-analytics.min.js:15:11493
Failed to recalculate device parameters. vrview-analytics.min.js:15:11606
Loaded scene Object { id: undefined, title: undefined, image: "https:*storage.googleapis.com/578d…", preview: "https:*storage.googleapis.com/578d…", isStereo: false, audio: "", video: "", yaw: 0, isYawOnly: false } vrview-analytics.min.js:17:27378

Works fine on Chrome 51 and 52 on the same machine.

HDRi images from the HDRi library, for example https://cloud.blender.org/p/hdri/578dfdb788bef65cef5981de, don't show on Firefox 47 / Win10. Instead, a black rectangle is shown: ![screenshot.png](https://archive.blender.org/developer/F330564/screenshot.png) This is logged in the console: ``` Prefixed Fullscreen API is deprecated. Please use unprefixed API for fullscreen. For more help https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API flowplayer.min.js:7:14275 The resource at "https://www.google-analytics.com/analytics.js" was blocked because tracking protection is enabled.[Learn More] 578dfdb788bef65cef5981de No THREE.js found. vrview-analytics.min.js:17:358 THREE.WebGLRenderer 73 vrview-analytics.min.js:10:14095 Recalculating device params. vrview-analytics.min.js:15:11380 User agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0 vrview-analytics.min.js:15:12060 Pixel width: 1920.0000591278076 vrview-analytics.min.js:15:12090 Pixel height: 1080.0000332593918 vrview-analytics.min.js:15:12121 No DPDB device match. vrview-analytics.min.js:15:12705 New device parameters: vrview-analytics.min.js:15:11455 null vrview-analytics.min.js:15:11493 Failed to recalculate device parameters. vrview-analytics.min.js:15:11606 Fetching DPDB... vrview-analytics.min.js:15:10765 Using fallback iOS device measurements. vrview-analytics.min.js:14:29351 Using the Cardboard I/O 2014 viewer. vrview-analytics.min.js:16:13147 Mode change: 0 => 1 vrview-analytics.min.js:16:15992 onModeChange_ 1 vrview-analytics.min.js:18:1207 Analytics: going from mode undefined to NORMAL vrview-analytics.min.js:17:24330 Successfully loaded online DPDB. vrview-analytics.min.js:15:10928 Recalculating device params. vrview-analytics.min.js:15:11380 User agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0 vrview-analytics.min.js:15:12060 Pixel width: 1920.0000591278076 vrview-analytics.min.js:15:12090 Pixel height: 1080.0000332593918 vrview-analytics.min.js:15:12121 No DPDB device match. vrview-analytics.min.js:15:12705 New device parameters: vrview-analytics.min.js:15:11455 null vrview-analytics.min.js:15:11493 Failed to recalculate device parameters. vrview-analytics.min.js:15:11606 Loaded scene Object { id: undefined, title: undefined, image: "https:*storage.googleapis.com/578d…", preview: "https:*storage.googleapis.com/578d…", isStereo: false, audio: "", video: "", yaw: 0, isYawOnly: false } vrview-analytics.min.js:17:27378 ``` Works fine on Chrome 51 and 52 on the same machine.

Changed status to: 'Open'

Changed status to: 'Open'

Added subscriber: @dr.sybren

Added subscriber: @dr.sybren
Francesco Siddi was assigned by Sybren A. Stüvel 2016-08-06 22:40:36 +02:00

Could this bug report against webvr be related? They also mention THREE.js, something also searched for by our vrview.

Could [this bug report against webvr](https://github.com/borismus/webvr-boilerplate/issues/111) be related? They also mention THREE.js, something also searched for by our vrview.

Yes might be related. We could try with updating the lib first. Unfortunately I don't have time for it right now.

Yes might be related. We could try with updating the lib first. Unfortunately I don't have time for it right now.

This is still an issue with Firefox 61.0.1 on Win10 :( Also on Google's own example though, so not sure we can fix this. I might dig into some other libraries for pano viewing.

This is still an issue with Firefox 61.0.1 on Win10 :( Also on [Google's own example](https://developers.google.com/vr/discover/360-degree-media) though, so not sure we can fix this. I might dig into some other libraries for pano viewing.
Francesco Siddi was unassigned by Dalai Felinto 2019-12-23 16:37:04 +01:00

Added subscriber: @fsiddi

Added subscriber: @fsiddi

Added subscriber: @EAW

Added subscriber: @EAW

Changed status from 'Confirmed' to: 'Resolved'

Changed status from 'Confirmed' to: 'Resolved'
Evan Wilson self-assigned this 2020-01-29 18:02:36 +01:00

This is working with Firefox 72.0.2 on Win 10

HDRI_working_Firefox72.0.2.jpg

This is working with Firefox 72.0.2 on Win 10 ![HDRI_working_Firefox72.0.2.jpg](https://archive.blender.org/developer/F8311600/HDRI_working_Firefox72.0.2.jpg)

Changed status from 'Resolved' to: 'Confirmed'

Changed status from 'Resolved' to: 'Confirmed'

@EAW Please don't close Blender Cloud bug reports, better leave that to the Blender Cloud team. It shouldn't have been tagged with the Tracker Curfew tag, though.

The panorama viewer still isn't working properly on Windows + Firefox. Even though I can see the panorama, I still can't rotate it.

As a proper solution I would suggest replacing VRView with Pannellum. I'm using that on my own site and it works much better. Apart from actually working on various browsers & platforms, it also has a seamless nadir & zenith.

@EAW Please don't close Blender Cloud bug reports, better leave that to the Blender Cloud team. It shouldn't have been tagged with the Tracker Curfew tag, though. The panorama viewer still isn't working properly on Windows + Firefox. Even though I can see the panorama, I still can't rotate it. As a proper solution I would suggest replacing VRView with Pannellum. I'm using that on [my own site](https://stuvelfoto.nl/panorama/) and it works much better. Apart from actually working on various browsers & platforms, it also has a seamless nadir & zenith.
Evan Wilson was unassigned by Sybren A. Stüvel 2020-01-30 00:23:56 +01:00

Please don't close Blender Cloud bug reports, better leave that to the Blender Cloud team.

Noted, apologies.

The panorama viewer still isn't working properly on Windows + Firefox. Even though I can see the panorama, I still can't rotate it.

Ah, yes, I see that now.

> Please don't close Blender Cloud bug reports, better leave that to the Blender Cloud team. Noted, apologies. > The panorama viewer still isn't working properly on Windows + Firefox. Even though I can see the panorama, I still can't rotate it. Ah, yes, I see that now.
Sign in to join this conversation.
No Milestone
No project
No Assignees
4 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: archive/pillar#48984
No description provided.