ダイナミック生成画像のエンコードとストリーム

Question

約25fpsのフレームレートでjpgファイルを動的に生成するアプリケーションがあります。実際には、更新されるjpgファイルは1つだけ生成されます。この画像ストリームをエンコーダへの入力として提供し、ビデオをWebクライアントにストリームしたいと思います。画像が生成されているので、ストリーミングがライブで行われることを望みます。

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); 
}