video.captureStream 在视频结束时停止

问题描述

我正在构建一个自定义 WebRTC 解决方案，让您可以像使用相机一样使用 mp4 文件。

为此，我创建了 video 元素，使用 captureStream 生成 MediaStream 并将其传输到我们的服务器。它工作得很好，但如果用户将视频搜索到最后，MediaStream 将变为非活动状态，如果不再次使用 captureStream，我无法将其恢复为活动状态。有时用户可能想要再次播放某些内容并且视频元素可以工作，但 MediaStream 处于非活动状态，因此我在我的服务器上没有收到任何内容。

代码如下：

this.video = document.createElement("video");
this.video.src = url;
this.mediaStream = this.video.captureStream(25);

基本上，即使 MediaStream 结束，我也希望保持 video 处于活动状态以等待内容，以防用户想再次播放。

我该怎么做？

谢谢！

解决方法

也许做一个 mixin 并将这个变量的状态保存在一个商店中。