Capture Stream Image frequently

[Цэрэнчимэд Цэгмид]

Hello. I am new in Ant Media. I am using WebRTC to stream.

Is there any feature that capture image from stream?

I want to capture latest stream image if broadcasting.

Just like twitch and others. 

[Цэрэнчимэд Цэгмид]

I Found configuration that generates preview of image. 

But in my server there is no previews folder in webapps.

Is WebRTC stream does not support preview or i have to do additional configuration?

I am using Enterprise Edition of AMS

[Louis Veronneau]

Hi

I tried to get the image from the client, grab from the stream then upload to server

 but for some reason i cant get it to work.

where did you find this config to make a preview ?

here is the code :

 var firstVideoTrack;

 navigator.mediaDevices.getUserMedia({ video: true })

 .then(mediaStream => {

 firstVideoTrack = mediaStream.getVideoTracks()[0];

 });

 var imageinterval;

 var imageCapture;

 var photo;

 function captureimage(){

 imageCapture = new ImageCapture(firstVideoTrack);

 imageCapture.takePhoto().then(function(blob) {

 photo = URL.createObjectURL(blob);

 document.getElementById('capture').src=photo;

 var formData = new FormData();

 formData.append(

 "FILES[]", photo

 );

 $.ajax({

 url: "upload_camimages.php",

 type: "POST",

 enctype: 'multipart/form-data',

 processData: false, // Important!

 contentType: false,

 cache: false,

 data: formData,

 })

 }

 )

 }

thanks

 

[Louis Veronneau]

yes cant find the preview dir ??

 

 

[Louis Veronneau]

ok yes preview works,

need to set the Adaptive Streaming active

but it is a bummer using so much server processor for this

 

[Цэрэнчимэд Цэгмид]

Does Preview works only when Adaptive Stream?

I will try your code. I was looking for built in feature.

Looks like If Preview does not work, Capturing from video source is only way i think

[Tahir]

Hi,

Thank you for your contribution to the community.

I am sorry to say this but 2.2.1 version is problematic with the previews, I don't recommend to use previews in that version ( https://github.com/ant-media/Ant-Media-Server/issues/2801 )

You can indeed capture the stream from client side in the javascript, you can draw the stream on top a canvas and get the image from toDataUrl method if client side capturing is good enough for you.

Thanks