web applications - How to access camera stream with JavaScript

Question

I am working on a webapp that will take a series of GIFs from continuous video using GifShot https://github.com/yahoo/gifshot . I am running into a problem where every GIF requires new permission to use the webcam. To fix this, these seem like the most salient options:

// You can pass an existing video element to use for the webcam GIF creation process,
// and this video element will not be hidden (useful when used with the keepCameraOn option)
// Pro tip: Set the height and width of the video element to the same values as your future GIF
// Another Pro Tip: If you use this option, the video will not be paused, the object url not revoked, and
// the video will not be removed from the DOM.  You will need to handle this yourself.
'webcamVideoElement': null,
// Whether or not you would like the user's camera to stay on after the GIF is created
// Note: The cameraStream Media object is passed back to you in the createGIF() callback function
'keepCameraOn': false,
// Expects a cameraStream Media object
// Note: Passing an existing camera stream will allow you to create another GIF and/or snapshot without
//  asking for the user's permission to access the camera again if you are not using SSL
'cameraStream': null,

But I am unable to figure it out. I think I need to pass the cameraStream Media object, but am unable to access this. How is the cameraStream Media object accessed?

question from:https://stackoverflow.com/questions/65879735/how-to-access-camera-stream-with-javascript

Answer 1

Waitting for answers