Render nothing for stereo projection (360_LR/360TB)

[ycw]

Reproduce

• video source = stereo 360 side-by-side in mp4 container
• plugin setup = player.vr({projection:"360_LR"})
• result = video:transparent audio:ok

Versions

• videojs @7.3.0
• videojs-vr @1.5.0
• THREE WebGL Renderer @93

Workaround

• I tried to change THREE material's side (for 360_LR/360_TB) from BackSide to FrontSide, then it works.
• Demo; it uses exactly "https://cdn.jsdelivr.net/npm/[email protected]/dist/videojs-vr.js" except that I change line#51917 and line#51944 to side:0 //0:frontside constant value

[nickkraakman]

Hi @ycw, I am having the exact same problem and was very happy when I found your issue and your workaround, but for some reason even with the workaround I still have a black screen for stereo video... So strange. You are certain those two lines are the only ones you changed?

Thanks for any help you can provide!

[nickkraakman]

Any news on this problem? We still have not been able to finish our videojs-vr integration, because nothing is rendering in stereo mode.

[raviverma89]

Above solution worked it shows video after changing it to FrontSide

[Sn0wFox]

Probably late to the party, but in case someone want a fix that doesn't involve tweaking the plugin itself, here's what you can do, es6 style - but please read the edit underneath:

const vr = player.vr({projection:'360_TB'});  // Or '360_LR'

Object.defineProperty(vr, '_movieMaterial', {
  enumerable: true,
  writable: true,
});

Object.defineProperty(vr, 'movieMaterial', {
  get() {
    return this._movieMaterial;
  },
  set(value) {
    value.side = 0;
    this._movieMaterial = value;
  }
});

---

EDIT: the above solution worked in version 1.5.0. I recently updated the plugin to version 1.7.1 along with videojs 7.11.4 and it seems to now work as expected without the above, provided that you check these two issues and apply appropriate fixtures:

• THREE is not defined #188
• Pack with webpack, mux.js caption-parser not found video.js#6271