反应应用程序视频挂起,浏览器显示许多“挂起”流

我有一个使用react redux framwork构建的复杂应用程序。在许多其他方面,它需要服务于MJPEG图像流。这个应用程序有多个标签(准确地说,是react标签),许多流只在一些标签上可见。当用户以足够快的速度操作应用程序时,视频流挂起,多个流在浏览器检查窗口中显示为“挂起”。许多挂起的流不再可见。

流服务目前是通过react中的简单img标记实现的 render 方法:

<img src='http://a.b.file.jpg/>

我尝试使用onLoad和onError回调,但是如果流在浏览器(开发人员工具窗口)中显示为“pending”,则不会调用这些回调。这是一种检测“挂起”状态并强制重新加载映像的方法,还是在最坏的情况下至少触发应用程序的完全重新加载?

我还观察到(从服务器日志中)有些流被多次请求,即使页面上只有一个图像,而且它只被要求显示一次。这大大恶化了局势。如何提高react应用程序中图像流的可靠性?