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>