I am building a video app where I want all participants to see the exact same canvas during the call so that when someone is rotating the 3D object everyone can see that in real-time. Now every participant gets their own instance of the canvas, which is not what I want. I am working with Twilio's programmable video app (React) and Three.js. I found this on Google developers site, but can't figure out how to potentially use it to my advantage. Any suggestions on how to make this work?
1 Answers
When you move an object, an event is fired... If you capture it and stream the data to other clients (with Sockets or WebRTC), you'll be able to do apply that movement to the client. It is quite similar to real time videogames with ThreeJS
Related