把N张图片作为实时视频流输出到html5的video控件显示，求教！

场景是这样的：
1、首先是从网络摄像头读取视频截取成一帧的图片；
2、对截取的图片进行加工；
3、需要在web浏览器上面实时播放经过加工的图片。让人感觉就跟看实时视频一样。 图片出来一张，加工后，马上在前台播放一张。

我的方案1是：
1、读取图片后，加工完成了。通过websocket的方式输出到html5中，使用html5的控件canvas进行显示。但是效果好差，不断卡屏，传输也很慢，过不大一会，浏览器就卡死了。


求指教如何高效实现使用图片拼接成实时视频的方案，或者思路，技术等等。我也看了一下rtsp，但是好像没有关于图片如何一张一张地组装成流的相关技术。

1 个解决方案

#1

补充一点，其实说白了，就是如何使用N张图片创建成一个实时视频的过程。最终的目的是要在web前台播放。