JavaScript - 针对穷人视频的JPEG流

Question

我正在尝试着解决如何使用JavaScript将一系列JPEG作为视频流式传输。我想就我的想法是否可行提供一些意见。

使用循环缓冲区，对前n个图像进行缓存。在显示每个图像时，一旦出现下一个图像，就会用列表中的新图像替换前一个图像，这样它就会循环回去，形成无限缓冲区的错觉。可以使用时间库来控制时间（帧速率），并且我们只需以正确的时间间隔更新图像元素的src属性，以便给出视频错觉。

这是用javascript实现的吗？我假设脚本需要运行多长时间 - 这取决于需要显示的图像数量。显然，不要期待表现出惊人的表现，只是表现出一些动作而已。这显然是一个非常丑陋的黑客。

Answer 1

是的，这是可以实现的，如果是回答你的问题;）

您可以

var image = new Image(); 
image.src = "url"; 

预先缓存图像这样的图像也应保存在浏览器的缓存。

然后使用settimeout(function, timems)您只需更改页面中当前图像的src。