Tutorial 'WebVR 360 Video' behaves differently on different platform

Hi,

I am having issues with embedding 360 video in WebVR.
The video’s behaviour is inconsistent across different devices and browsers, and I can’t seem to find a way for 360 video to work with chrome in google daydream or cardboard.

I get the following results testing google pixel (daydream/cardboard) on Chrome version 58.0.3029.83 & Android 7.1.1
Magic Window mode: only video sound.
Vr mode(daydream): only first frame of video with no sound

With Chrome version 55.0.2883.91 & Android 6.0.0 ( using an asus zen fone)
None vr mode: works normally.
Vr mode(cardboard): a blank black screen.

Any suggestions or workaround? Thanks in advance!

CL-Wu

You have not provided a link to your project, making debugging impossible.

Hi, here’s the link

https://playcanvas.com/project/481901/overview/webvr-360-video

It’s totally the same as tutorial WebVR 360 Video without any modification.

Thanks!

CL-Wu

Have you tried to debug it? By opening Dev Tools > Console, you straight away can see a log about the problem there.

More on debugging, please read those docs: https://developer.playcanvas.com/en/user-manual/scripting/debugging/