Javascript package helping you create VR-friendly (Cardboard compatible !) 360° livestream for the Ricoh Theta S.
Clone the project, and import the module in your app. ThetaLiveVR use UMD, so you can use which method suits the better for your project.
You'll need a container which will render the view, a canvas to act as a texture and an URI to your motion-jpeg stream. How easy.
let container = document.getElementById('container');
let canvas = document.getElementById('canvas');
let streamURI = 'http://localhost:8080/stream.jpg';
let liveVR = new ThetaLiveVR(container, canvas, streamURI);
liveVR.init();Full working example here.
Note: this example uses a proxy server to avoid CORS problems
As this project has been made for a school project, it may not suit your needs. If you have any suggestion, please submit an issue or pull request.
Useful links that helped me to build this project. Thanks to them !