다운로드 한 비디오를 직접 재생할 수있는 비디오 구성 요소가 프런트 엔드 인터페이스에 있으며, 실시간 이미지 효과를 얻기 위해 video.js를 통해 rtmp와 같은 스트리밍 미디어를 표시 할 수도 있습니다. 실시간 효과를 보장하기 위해 프레임 단위로 실시간 영상을 감지 한 후 영상을 합성하여 프런트 엔드에 표시합니다. 영상 화질이 높고 감지 속도가 느리면 실시간 달성이 어렵습니다. 효과, 그래서 우리는 여기 로터리 방법에 대해 이야기하고 비디오 재생 효과를 얻기 위해 사진을 빠르게 전환합니다. 할 말이 많지는 않지만 코드로 이동하십시오.
<img id="im" src="DJI_2055_30/1.jpg"/>
<script>
setInterval("changeImg()",10);
i=1
function changeImg(){
var SImg = document.getElementById('im');
SImg.src="DJI_2055_30/" + i + ".jpg";
i++;
}
</script>