Кодировать и передавать динамически сгенерированные изображения

Question

У меня есть приложение, которое динамически генерирует файлы jpg с частотой примерно 25 кадров в секунду. На самом деле он генерирует только один файл JPG, который постоянно обновляется. Я хотел бы предоставить этот поток изображений в качестве входных данных для кодировщика, а затем потоковое видео для веб-клиента. Мне бы хотелось, чтобы потоковая передача осуществлялась в режиме реального времени, так как генерируются изображения.

Answer 1

Используя Javascript и jQuery, вы можете обновить изображение с заданной скоростью.Когда изображение загружается браузером, вы вызываете reloadImage (), который ждет 100 мс, а затем изменяет атрибут источника для изображения на уникальный путь, что предотвращает загрузку изображения из кеш-памяти браузера.

HTML

<img id="myImage" src="filename.jpg" onload="reloadImage()"/>

Javascript

function reloadImage(){
    setTimeout(function(){
        $("#myImage").attr("src",'filename.jpg? + Math.random())
    }, 100);
}