Using video from Webcam as a Source for the video texture

[Raghavender Mylagary]

Hi,

    I am searching for an example where we can set the video from the webcam as the source for the VideoTexture.

Thanks,

Raghavender Mylagary

[Raghavender Mylagary]

I got the solution. Below script worked for me

 

<script type="text/javascript">


        (function(){
            function userMedia(){
                return navigator.getUserMedia = navigator.getUserMedia ||
                    navigator.webkitGetUserMedia ||
                    navigator.mozGetUserMedia ||
                    navigator.msGetUserMedia || null;

            }

// Now we can use it
            if( userMedia() ){

                var constraints = {
                    video: true,
                    audio:false
                };

                var media = navigator.getUserMedia(constraints, function(stream){
                    var v = document.getElementById('v');

// URL Object is different in WebKit
                    var url = window.URL || window.webkitURL;

// create the url and set the source of the video element
                    v.src = url ? url.createObjectURL(stream) : stream;

// Start the video
                    v.play();
                }, function(error){
                    console.log("ERROR");
                    console.log(error);
                });
            } else {
                console.log("Browser does not support WebCam integration");
            }
        })();
    </script>

 

[Sebavan]

It is embedded in BJS:

https://www.babylonjs-playground.com#1R77YT#2

BABYLON.VideoTexture.CreateFromWebCam(scene, function(videoTexture) {

}, { maxWidth: 256, maxHeight: 256 });

 

[Raghavender Mylagary]

Thanks for the info @Sebavan