JavaScript - 穷人视频的JPEG流

时间:2012-03-07 12:50:55

标签: javascript video streaming

我正在尝试尝试使用JavaScript将一系列JPEG流式传输为视频。我想知道我的想法是否可行。

使用循环缓冲区预先缓存前n个图像。当显示每个图像时,一旦出现下一个图像,用列表中的新元素替换前一个元素,使其循环回自身,从而产生无限缓冲区的错觉。时间(帧速率)可以使用时间库来控制,我们只需以正确的间隔更新图像元素的src属性,这样就可以产生视频错觉。

这可以通过Javascript实现吗?我假设一个限制是脚本运行多长时间 - 这取决于需要显示的图像数量。显然也不期待起泡性能,只是足以表明一些动作是好的。这显然是一个非常难看的黑客。

1 个答案:

答案 0 :(得分:1)

是的,如果能回答你的问题,那就可以实现;)

您可以使用

预先处理图像
var image = new Image();
image.src = "url";

这样,图像也应保存在浏览器的缓存中。

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