您的当前位置:首 页 >> 信息中心

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

发布日期:2021-10-17 06:03:30 作者: 点击:

在前端界面中有video组件可以直接播放下载到的视频,也可以通过video.js来显示rtmp等流媒体,实现实时画面的效果。当我们为了保证实时的效果,在将实时视频进行一帧一帧的检测之后,再合成视频,然后在前端显示,当视频图像的质量很高,检测很慢的情况下,很难达到实时的效果,所以我们在此讲一个迂回的方法,快速切换图片实现视频播放的效果。话不多说,直接上代码。

setInterval("changeImg()",10);i=1function changeImg(){var SImg = document.getElementById('im');SImg.src="DJI_2055_30/" + i + ".jpg";i++;}

在前端界面实现直播效果,也可以通过后台调用OpenCV读取视频流,进行展示。也可以在前端直接加入opencv.js包进行播放,这两种方法本人没进行实际编码,但是可以实现。

在本文的最后附上python在flask框架中调用opencv读取rtsp视频流,并在前端展示的链接: https://blog.csdn.net/weixin_45457983/article/details/111551318