동적으로 생성 된 이미지 인코딩 및 스트림

Question

약 25fps의 프레임 속도로 jpg 파일을 동적으로 생성하는 응용 프로그램이 있습니다. 사실 그것은 지속적으로 업데이트되는 하나의 jpg 파일 만 생성합니다. 이 이미지 스트림을 인코더의 입력으로 제공 한 다음 비디오를 웹 클라이언트로 스트리밍하려고합니다. 스트리밍은 이미지가 생성되는대로 실시간으로 수행됩니다.

Answer 1

Javascript 및 jQuery를 사용하면 주어진 속도로 이미지를 새로 고칠 수 있습니다. 브라우저에서 이미지를로드 할 때 reloadImage()를 호출합니다. reloadImage()는 100ms 동안 기다린 다음 이미지의 소스 속성을 고유 경로로 변경하여 브라우저 캐시 메모리에서 이미지를로드하지 못하도록합니다.

HTML

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

자바 스크립트

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