从视频元素流式传输到视频元素videoElement.captureStream

HTML5的`<video>`元素提供了一种称为“媒体源”（Media Source Extensions, MSE）的功能，这使得开发者可以将视频数据作为数据流处理，而不仅仅是预加载完所有内容后再播放。`captureStream()`方法是在WebRTC（Real-Time Communication）API中引入的，用于捕获视频元素的实时视频流。

当你需要实时获取用户摄像头或已播放视频的数据，而不是预先获取整个视频文件，就可以使用`videoElement.captureStream()`。这个方法返回一个`ReadableStream`实例，你可以将其传递给如WebSockets、RTCPeerConnection等服务，实现实时通信或者数据传输。

例如：

const video = document.querySelector('video');
video.srcObject = navigator.mediaDevices.getUserMedia({ audio: true, video: true }); // 获取用户的摄像头流

// 当流可用时
video.onloadedmetadata = function() {
  const stream = video.srcObject; // 就在这个时刻，你可以开始抓取流
  const mediaRecorder = new MediaRecorder(stream); // 创建媒体记录器
  mediaRecorder.start(); // 开始录制
};