Javascript 如何将视频中的每个帧记录为字节数组？

下面是我用来从我的网络摄像头流到视频元素的代码。 我希望在控制台中将每个帧记录为字节数组。基本上，我们希望将每个帧作为一个字节数组。我是一个新手，所以请提供一个详细的解释，我如何才能做到这一点

var video = document.querySelector("#video");

  // Basic settings for the video to get from Webcam
  const constraints = {
    audio: false,
    video: {
      width: 475,
      height: 475,
    },
  };

  // This condition will ask permission to user for Webcam access
  if (navigator.mediaDevices.getUserMedia) {
    navigator.mediaDevices
      .getUserMedia(constraints)
      .then(function (stream) {
        video.srcObject = stream;
      })
      .catch(function (err0r) {
        console.log("Something went wrong!");
      });
  }
  //console.log(context.drawImage(video, 0, 0));
  let a = document.addEventListener("keydown", function (e) {
    if (e.key === "Escape") {
      stop(e);
    }
  });

  function stop(e) {
    console.log("video stopped!");
    var stream = video.srcObject;
    var tracks = stream.getTracks();

    for (var i = 0; i < tracks.length; i++) {
      var track = tracks[i];
      track.stop();
    }
    video.srcObject = null;
  }

var video=document.querySelector（“视频”）；
//从网络摄像头获取视频的基本设置
常量约束={
音频：错，
视频：{
宽度：475，
身高：475，
},
};
//此条件将请求用户访问网络摄像头的权限
if（navigator.mediaDevices.getUserMedia）{
navigator.mediaDevices
.getUserMedia（限制条件）
.then（函数（流）{
video.srcObject=流；
})
.catch（函数（err0r）{
log（“出了点问题！”）；
});
}
//log（context.drawImage（video，0，0））；
设a=document.addEventListener（“键控”，函数（e）{
如果（e.key==“Escape”）{
停止（e）；
}
});
功能停止（e）{
log（“视频停止！”）；
var stream=video.srcObject；
var tracks=stream.getTracks（）；
对于（变量i=0；i

谢谢