How can i get each frame as image from stream

Help
1

How can I get each frame (of the media stream) as image, either as file or JPG or PNG or blob or base64…by using WEBRTC

stream = await mediaDevices.getUserMedia({ video: true , audio: true });

output:

STREAM: {"_reactTag": “8ea496fe-ea3f-4ea4-8ef0-df7dd4bc4f09”, “_tracks”: [{"_constraints": [Object], “_enabled”: true, “_settings”: [Object], “id”: “30770bd8-21e4-4461-878a-44c6ec862646”, “kind”: “video”, “label”: “30770bd8-21e4-4461-878a-44c6ec862646”, “muted”: false, “readyState”: “live”, “remote”: false}], “active”: true, “id”: “8ea496fe-ea3f-4ea4-8ef0-df7dd4bc4f09”}

var tracks = stream.getTracks();

output:

TRACKS : {"_constraints": {“facingMode”: “user”, “frameRate”: 30, “height”: 720, “width”: 1280}, “_enabled”: true, “_settings”: {“frameRate”: 30, “height”: 720, “width”: 1280}, “id”: “30770bd8-21e4-4461-878a-44c6ec862646”, “kind”: “video”, “label”: “30770bd8-21e4-4461-878a-44c6ec862646”, “muted”: false, “readyState”: “live”, “remote”: false}