What would you use to write a 360 viewer for products?

Question

Frontend

We wrote our 360 viewer for products about 5 years ago, something like: https://www.magictoolbox.com/magic360/examples/
Now the client wants to rewrite it and add new features.
The old viewer was written in jQuery and all this action was spinning on the canvas.
Now I don't know what tools to use for this. A lot of time has passed since then, and everything has changed on the web, WebGL has come, etc. Is it worth looking aside, for example, three.js, or will it still be pure JS with additional. libraries like hammer.js?
Can someone come up with some ideas?

P.s
I will add that there should be many options like: lazy load, loading optimization (for example, when images are loaded first through one and the product starts to spin, and then the rest is loaded), quality, rotation speed, rotation along two axes, points at certain places of the product, etc. .d

Answer 1

Points at certain places can also be made in the canvas.
Rotate along two axes or make 3D models, or introduce restrictions and do it on a canvas from a set of files.
Let's think together
If WebGL + three.js then the customer will have to run each product on a 3D scanner, make a model.
From the pros - the volume of the loaded texture is simply disproportionately less than the volume of slices for the canvas.
If on a canvas from a set of files, then whatever one may say, you will have to impose a limit on what angles you can rotate vertically in order to avoid an infinite number of files.
With canvas, it's easier to implement loading optimization, because in 3D all you can do is progressive texture loading, and I'm not sure if it works.
But on the canvas, the volume of downloaded files is orders of magnitude larger than one texture for 3d