In our javascript app we are trying to extract a single frame from each video tag, which includes 'MediaStream's from each user (with audioTrack and videoTrack), which they received using navigator.mediaDevices.getUserMedia and then send said stream using peerjs API, with peerConnection.answer(stream).

Now I am trying to extract a single frame from MediaStream's videoTrack, which will then be sent to another server. I have not dealt with mediaStreams in the past and will like to know any suggestions on how to implement it. will include in the next days entire code but will take some time to crop the relevant segments of the code. Thank you