Как правильно реализовать отрисовку на html5 картинки по частям, постоянно поступающим от сервера?

Question

[Glorwain]

Здравствуйте.

Разрабатываю систему мониторинга через браузер. Опыта создания таких систем пока нет.
Есть мысли сделать серверную часть, которая бы осуществляла сам мониторинг и формировала картинку для показа.
Далее сервер определял бы часть картинки, которая поменялась относительно сформированной, формировала JPG для измененной части и отсылал ее клиенту.
На клиенте картинка отрисовывается на Canvas HTML5

Остается открытым вопрос: Как осуществлять взаимодействие страницы и сервиса для постоянного обмена информацией (websocket, signalr или что-нить другое)

Сейчас вызывает опасение вопросы:
1. Правильно ли решение архитектурно
2. Производительность решения
2. Не изобретаю ли я велосипед

Подскажите, в какую сторону смотреть? Может есть уже готовые решения, которые можно посмотреть или использовать?

Спасибо.

Answer 1

[Петр]

А вот зачем картинку передавать, если можно сразу рисовать на canvas?
Получаете данные и сразу отрисовываете.

signalr и есть обертка над websocket. Тут выбора нет, только websocket.

Готовые решения? Так вы не указали, что именно показывать собрались.

Answer 2

[Glorwain]

Спасибо за ответ.

Задача, которую надо решить, в целом такая:
Требуется сделать систему, которая через браузер бы показывала что-то вроде рабочего стола пользователя, который он настраивает так, как хочет через десктопную систему. Например, он может на рабочий стол положить какой-нибудь график, пару панелей с видео (камеры наблюдения) и т.д. Все может переместить как ему хочется. Вариантов таких рабочих столов множество и отрисовывать их отдельно смысла нет. Поэтому и есть желание реализовать для браузера что-то универсальное, чтобы не переделывать это постоянно. А всю логику отрисовки экрана для показа разместить на сервере и, если понадобиться, то править только ее.

На canvas будет рисовать браузер. Картинку хотел перерисовывать частями, чтобы сэкономить трафик и увеличить скорость. У большей части пользователей будет изменяться только часть общего экрана.

Если есть возможность получать с сервера stream с изображением и сразу рисовать его на canvas было бы замечательно. Но пока не нашел как это сделать.