Webフロントエンドで画像をすばやく切り替えて、ビデオ再生効果を実現します

フロントエンドインターフェイスには、ダウンロードしたビデオを直接再生できるビデオコンポーネントがあり、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>