Hello
I want to make a video player in three.js only playing the 360 degree videos with controls like
1.play/pause button
2.volume
3.vr button -switch to VR mode
4.Full screen button
any one here to help
Thanks
Hello
I want to make a video player in three.js only playing the 360 degree videos with controls like
1.play/pause button
2.volume
3.vr button -switch to VR mode
4.Full screen button
any one here to help
Thanks
Have a look through the official examples to get yourself started. Search for ‘video’ and ‘vr’, there are examples of each there.
Thanks I done this part already my problem want to add controls for the video do u have any resources for that means please share
Thanks
Hi guys , i would have the exact same question as Kumaresh.
How would you proceed to implement basic controls for the 360 video player ?
Would it be easier / clever ? to go higher level and use react-vr directly ?
Thanks for your time !
Well it looks like a good start
https://www.w3schools.com/jsref/dom_obj_video.asp
If you want VR controls that are inside the 3D space, you either need to create some Plane
meshes yourself and move them around to keep them in view, or yep, you can use a library that already does that (a-frame, ReactVR).
If you just want static UI on top of the 3D scene (f.e. full screen and VR buttons) you can just overlay basic HTML stuff (<div>
, <a>
, <button>
, etc) on top of the canvas element (the one Three renders to).
@trusktr Thanks for you answer. it does make sense !
i still have some blurry area in my mind like:
I have check all the big pretender in video3602app area, and they all:
I am trying to replicate the exact same thing but with
does it sound stupid or is it doable ?
Thanks for your time !
Cheers
E
Regarding the Vimeo streaming that look interesting:
But for the moment it looks that only CSS3D can be used, so i don’t think it will work for VR.
which example is there and how to make it work on local system?
The basic video texture example is:
https://threejs.org/examples/webgl_materials_video
There is actually a guide that explains how to run things locally:
https://threejs.org/docs/index.html#manual/en/introduction/How-to-run-things-locally