Cambie rápidamente las imágenes en la interfaz web para lograr efectos de reproducción de video

Hay un componente de video en la interfaz de front-end que puede reproducir directamente el video descargado y también puede mostrar medios de transmisión como rtmp a través de video.js para lograr efectos de imagen en tiempo real. Para garantizar el efecto en tiempo real, después de que el video en tiempo real se detecta cuadro por cuadro, el video se sintetiza y luego se muestra en la parte frontal. Cuando la calidad de la imagen del video es alta y la detección es lenta, es difícil lograr el tiempo real Efecto, por lo que estamos aquí para hablar sobre un método indirecto, cambie rápidamente las imágenes para lograr el efecto de reproducción de video. No hay mucho que decir, solo ve al código.

<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>

Supongo que te gusta

Origin blog.csdn.net/weixin_45457983/article/details/109254606
Recomendado
Clasificación