웹 프런트 엔드에서 사진을 빠르게 전환하여 비디오 재생 효과를 얻습니다.

다운로드 한 비디오를 직접 재생할 수있는 비디오 구성 요소가 프런트 엔드 인터페이스에 있으며, 실시간 이미지 효과를 얻기 위해 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>

추천

출처blog.csdn.net/weixin_45457983/article/details/109254606