编码和流式传输动态生成的图像

Question

我有一个应用程序，可以以大约 25 fps 的帧速率动态生成 jpg 文件。实际上它只生成一个持续更新的jpg 文件。我想提供此图像流作为编码器的输入，然后将视频流式传输到 Web 客户端。我希望在生成图像时实时进行流媒体传输。

Answer 1

使用 Javascript 和 jQuery，您可以以给定的速率刷新图像。
当浏览器加载图像时，您调用 reloadImage() ，它会等待 100 毫秒，然后将图像的源属性更改为唯一路径，这会阻止从浏览器缓存加载图像。

HTML

<img id="myImage" src="filename.jpg" onload="reloadImage()"/>

Javascript

function reloadImage(){
    setTimeout(function(){
        $("#myImage").attr("src",'filename.jpg? + Math.random())
    }, 100);
}