search

vidstack / player

UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js.
https://vidstack.io
MIT License
1.95k stars 115 forks source link

360° and VR video support #622

Open AgentSmith0 opened 2 years ago

AgentSmith0 commented 2 years ago

What about adding 360° and VR video support to the vidstack player like this plugin for plyr does: https://github.com/zengde/plyr-vr Thanks for working on this library!

mihar-22 commented 2 years ago

Very cool. Thanks for the heads up @AgentSmith0 (I didn't know about it), I'll definitely look more into it 😄

AgentSmith0 commented 1 year ago

https://github.com/zengde/plyr-vr recently got updated. https://github.com/videojs/videojs-vr is also another source that can be looked into.

AgentSmith0 commented 9 months ago

Any progress on this issue?

AgentSmith0 commented 5 months ago

@mihar-22 If you are willing to implement this, I can share you the code I am currently using, which works fine on vidstack (I just edited some lines from the plyr-vr plugin)...

Co2099 commented 3 months ago

@mihar-22 If you are willing to implement this, I can share you the code I am currently using, which works fine on vidstack (I just edited some lines from the plyr-vr plugin)...

Can you share your modification method? I am also working on how to implement it. I would be very grateful.

AgentSmith0 commented 3 months ago

vds_vr.js.txt My modifications were very quick and dirty: I just took the compiled script from plyr-vr (https://github.com/zengde/plyr-vr) https://cdn.jsdelivr.net/npm/plyr-vr@1.0.0/dist/plyr-vr.js and made some changes to make it work with vidstack. Compare the diff between the two files too see the changes that are necessary. Example to use the script (same as with plyr-vr): window.vr($('#player'), { projection: '180', forceCardboard: true });