You are not logged in.

[Mobile Chrome] Green border around distorted video hotspot

360gradenfotografie

Trainee

  • "360gradenfotografie" started this thread

Posts: 59

Location: Tilburg, The Netherlands

  • Send private message

1

Tuesday, November 19th 2019, 9:32am

[Mobile Chrome] Green border around distorted video hotspot



Has anyone seen a green border like this? It only appears on Chrome for Android (v78.0, Android 10, Pixel 3). I also tested on Chrome, Firefox and Safari on a Mac, Safari on iOS and the Oculus Browser on an Oculus Go.
360 Graden Fotografie | 360 Graden Video | Virtuele tours | Virtual reality

This post has been edited 1 times, last edit by "360gradenfotografie" (Nov 19th 2019, 4:38pm)

spacerywirtualne

Professional

Posts: 919

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

2

Tuesday, November 19th 2019, 10:22am

mp4 or webm *question*
Your own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube

cms4vr team *thumbsup*

360gradenfotografie

Trainee

  • "360gradenfotografie" started this thread

Posts: 59

Location: Tilburg, The Netherlands

  • Send private message

3

Tuesday, November 19th 2019, 4:38pm

It's MP4
360 Graden Fotografie | 360 Graden Video | Virtuele tours | Virtual reality

spacerywirtualne

Professional

Posts: 919

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

4

Tuesday, November 19th 2019, 5:06pm

Take the test with the webm. You can use: https://krpano.com/plugins/videoplayer/#preferredformat

Some time ago. I also had to separate the formats depending on the browser.
Oh, and important thing - renderer="css3d" or renderer="webgl"?


Piotr
Your own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube

cms4vr team *thumbsup*

360gradenfotografie

Trainee

  • "360gradenfotografie" started this thread

Posts: 59

Location: Tilburg, The Netherlands

  • Send private message

5

Thursday, November 21st 2019, 1:42pm

Quoted from "spacerywirtualne"

Take the test with the webm. You can use: https://krpano.com/plugins/videoplayer/#preferredformat

Thanks! The green line is gone, but unfortunately there's still a misalignment:



This only happens on Chrome for Android. The alignment on other browsers (Chrome, Firefox and Safari on a Mac, Safari on iOS and the Oculus Browser on an Oculus Go) I tested with is pixel perfect.

Quoted from "spacerywirtualne"

Oh, and important thing - renderer="css3d" or renderer="webgl"?

WebGL, because it has to work in VR.
360 Graden Fotografie | 360 Graden Video | Virtuele tours | Virtual reality

spacerywirtualne

Professional

Posts: 919

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

6

Thursday, November 21st 2019, 2:56pm

This is something. Do you have a link?

Piotr
Your own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube

cms4vr team *thumbsup*

360gradenfotografie

Trainee

  • "360gradenfotografie" started this thread

Posts: 59

Location: Tilburg, The Netherlands

  • Send private message

7

Thursday, November 21st 2019, 2:59pm

Quoted from "360gradenfotografie"

Thanks! The green line is gone, but unfortunately there's still a misalignment

Fixed it! The video is now 480 × 640px and there's no green line or misalignment (MP4 and WebM). Before, the video was 718 × 888px. I read somewhere that the dimensions of an MPEG movie should be divisible by 8. Does anyone have something meaningful to say about this?
360 Graden Fotografie | 360 Graden Video | Virtuele tours | Virtual reality

Similar threads