带有base64字符串的HTML图像标记（数据URI）

Question

我每隔50-200 ms从一系列httprequests中获取jpeg图像的二进制数据，我将此数据转换为base64字符串，并使用javascript将字符串插入img标记。

var img = document.getElementById('img1');
img.src = 'data:image/jpeg;base64,' + b64str + '';

因此，当接收到更多的照片时，我会经历几秒钟之后图像（首先完全显示）从底部开始越来越多，直到达到某个点。

我搜索了一下然后找到了

  

Internet Explorer 8将数据URI限制为最大长度为32 KB。 （Internet Explorer 9没有此限制）

我没有用IE9试试的电脑，我只有IE8和IE6。 32kb限制可能是问题吗？但是为什么第一次正确显示图像并且在接收到图像后它会被更频繁地缩小（总是自下而上）？

Answer 1

我很抱歉这样说，但对于像这样的动画（5-20​​fps;实时），Javascript和每帧HTTP请求不是正确的解决方案。你需要视频流。否则，尽量尝试，视频将不同步，服务器将超载，只有少数人使用它。