Как вы можете заменить src изображения, которое указывает на mjpeg?

Question

У меня есть приложение, которое отображает изображения с сетевых камер. Приложение покажет несколько изображений на одной странице. На каждом контейнере изображений есть кнопка, которая заставляет jQuery масштабировать это изображение до размера 64x480, по сравнению с гораздо меньшим при наличии нескольких изображений.

Я изменяю src на изображении с помощью jQuery, как и следовало ожидать:

$("#imageId").attr("src", "http://cameraUrl.com:6000?width=640&height=480&d="+date.getTime());

date.getTime() предназначен для отмены кэширования в браузере. Работает для получения неподвижных изображений.

Иногда видео меняется на большее разрешение. В других случаях он просто придерживается исходного изображения, увеличенного до большего размера, как если бы он не загружал новый URL. Это видно по тому, что он зернистый, а наложение текста с камеры увеличивается. Время от времени изображение, наконец, загружается в версии с более высоким разрешением, и оно работает, о чем свидетельствует четкость изображения и масштабирование наложения текста до того уровня, который должен быть.

Есть ли правильный способ принудительно установить настройку src изображения, где src указывает на поток jpeg motion для перезагрузки?

Answer 1

Хотя я не совсем уверен, вы могли бы попытаться не изменить атрибут src, а вместо этого создать новый элемент img и вставить его в DOM в точке большего div.

$("#fullsize").html('<img src="/images/' + filename + '.gif" alt="' + string + '" />');