Я пытаюсь создать угловую веб-страницу, которая позволяет посетителю видеть видео в реальном времени с веб-камеры.
Поток состоит из последовательности кадров (например, 10 кадров в секунду).
Предоставляется статический URL, камера работает по заданному адресу: порт. Итак, я показываю живое изображение следующим образом.
<div class="row" style="width:70%; margin-left:auto; margin-right:auto;">
<img [src]="'http://localhost:5000/video_feed'"/>
</div>
Бывает, что при рендеринге каждого кадра происходит существенная задержка.
Другими словами, то, что захватывается веб-камерой, происходит с задержкой, пропорциональной количеству кадров в секунду.
Я попробовал то же самое на простой html-странице, и просмотр в реальном времени кажется почти в реальном времени.
Как я могу уменьшить задержку рендеринга каждого кадра в моем угловом приложении?