Photo Sphere Viewer with Webcam Support

[UUoocl]

Thanks for Photo-Sphere-Viewer. It's a great library!

I modified the Equirectangular Video example to add access to live Webcam or Desktop Capture video.

The Insta360 X4 recently added webcam support. The Photo Sphere Viewer can convert the the Equirectangular live feed from the X4 perfectly.

https://github.com/UUoocl/PSV_Live_Video

The next feature I plan to add is MediaPipe Pose detection to dynamically pan and tile the camera view.

[mistic100]

I could cleanily allow such usage by allowing the video source to be an existing video element instead of a URL string

[mistic100]

In the next version, you will be able to provide a MediaStream object as source

const stream = await navigator.mediaDevices.getUserMedia({ video: true });

const viewer = new Viewer({
    container: 'photosphere',
    adapter: [EquirectangularVideoAdapter, {
        autoplay: true,
        muted: true,
    }],
    panorama: {
        source: stream,
    },
});