javascript - 是否可以使用 Canvas 来播放视频，但通过动画像素？

Question

问题是，我想在一个不允许我播放任何视频或显示任何照片的网站上播放视频。

因此我想到了一个想法，允许客户端脚本从服务器下载一张图片，这样我们就可以避免污染 Canvas 。

之后，服务器将从视频的第一帧中提取像素数据，然后将该数据发送到客户端脚本进行处理，并将 Canvas 上已有的默认像素数据替换为已有的像素数据已收到。

然后为了提​​高效率，服务器将比较第一帧和第二帧，然后如果第一帧包含与第二帧具有相同颜色和位置的像素，那么服务器将只发送需要的像素被改变，所以这意味着服务器只会发送需要的像素数据。

此过程将自动进行，直到视频结束。

所以我的完整问题是，这是否可能，如果"is"，请告诉我这是否会减慢用户设备的速度，如果会，是否有办法提高效率？

Answer 1

这确实是可能的，并且是关于视频帧操作的有趣的理论主题。

但在实践中，它有一种重新发明轮子的味道。以下行为是许多视频压缩格式的基本行为:

the server [or the file format] will only send the pixels that need to be changed

为了提高效率，可以将其与显示恒定部分如何从前一帧移动的运动矢量结合起来，在Predicted frame中。 .

是的，它很可能会减慢用户界面的速度，因为它永远无法达到专门为此目的设计的真实视频流的效率。