Change create.objectURL to HTMLMediaElement.srcObject

0

When adding the createObjectURL class, it is accusing the failed error in some browsers, after the searches, I checked that I can use HTMLMediaElement. But how can I include it in my project?

export class CameraController {

    constructor(videoEl){

        this._videoEl = videoEl;

        navigator.mediaDevices.getUserMedia({
            video:true
        }).then(stream=>{

        this._stream = stream;
        this._videoEl.src = URL.createObjectURL(stream);
        this.videoEl.play(); 

        }).catch(err=>{
            console.error(err);
        });
    }

    stop(){

        this._stream.getTracks().forEach(track=>{
            track.stop();
        });
    }

    takePicture(mimeType = 'image/png'){

        let canvas = document.createElement('canvas');

        canvas.setAttribute('height', this._videoEl.videoHeight);
        canvas.setAttribute('width', this._videoEl.videoWidth);

        let context = canvas.getContext('2d');

        context.drawImage(this._videoEl, 0, 0, canvas.width, canvas.height);

        return canvas.toDataURL(mimeType);

    }
}
    
asked by anonymous 20.12.2018 / 13:28

0 answers