在前端界面中有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>