Реагирует на зависание видео приложения, браузер показывает много «ожидающих» потоков

Question

У меня есть сложное приложение, созданное с использованием реакции-редуктора. Помимо всего прочего, он должен обслуживать потоки изображений MJPEG. В приложении есть несколько вкладок (если быть точным), и многие из них видны только на некоторых. Когда пользователь работает с приложением достаточно быстро, потоковое видео останавливается, и несколько потоков отображаются в окне проверки браузера как «ожидающие». Многие из этих ожидающих потоков больше не видны.

Обслуживание потоков в настоящее время реализовано с помощью простого тега img в реагировать render метод:

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

Я пытался использовать обратные вызовы onLoad и onError, но если поток отображается как «ожидающий» в браузере (окно инструментов разработчика), ни один из них не вызывается. Это способ обнаружить «ожидающее» состояние и принудительно - перезагрузить образ или, в худшем случае, вызвать хотя бы полную перезагрузку приложения?

Я также заметил (из журналов сервера), что некоторые потоки запрашиваются несколько раз, даже если на странице есть только одно изображение, и его попросили отобразить только один раз. Это значительно ухудшает ситуацию. Что можно сделать для повышения надежности потоковой передачи изображений в приложении реакции?

Answer 1

Браузер имеет количество подключений на сервер и не показывает слишком много видео, которые транслируются с одного сервера. Это также может быть правдой, если некоторые видео больше не видны, но приложение или браузер по какой-то причине не удалось реализовать и соединение осталось открытым. Видео, превышающее лимит, становится «ожидающим», что еще больше усугубляет проблему.

Обыкновенное, но рабочее решение состояло в том, чтобы перезагрузить страницу из JavaScript в тех случаях, когда вероятны эти остановки.