Поток изображения в реальном времени с сервера на клиент

Question

У меня есть большое изображение с разрешением 4k на моем веб-клиенте (приложение Angular). Бэкэнд - это .net.

Мне нужно быстрое соединение между сервером и клиентом для обновления изображений в реальном времени.

Изображение ниже показывает прототип экрана приложения.

Сценарий использования: Пользователь изменяет некоторые параметры (размер, размытие, поворот, некоторую обработку изображения ...), я отправляю параметры серверу сервера, образ процесса сервера и предоставляю новый, который мне нужно отобразить на клиенте. Изображение может быть отправлено с сервера в любом формате.

Но мне нужна высокая скорость отклика, может быть, 30 изображений в секунду.

Это можно сделать с помощью веб-сокетов, когда сервер каждый раз отправляет новое изображение, есть ли лучший / более быстрый (более оптимизированный) способ для этого? Есть ли какой-нибудь живой поток изображений, такой как видео поток или что-то? Возможно ли это сделать с помощью WebRTC?

Answer 1

Скорость ответа, которую вы ищете, кажется сложной. Вы можете добиться хорошего сжатия файлов, используя WEBP , но этого недостаточно для этого.

Если вам действительно нужно загрузить его на сервер и получить данные со скоростью 30 изображений в секунду, используя изображения 4k, это не будет работать вообще

Рассматривали ли вы все это на стороне клиента? Возможно с помощью webgl, проверьте это: https://github.com/evanw/webgl-filter