web前端中快速切换图片实现视频播放效果

在前端界面中有video组件可以直接播放下载到的视频，也可以通过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>