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

[leeking888]

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

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


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

[leeking888]

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

[吕不为]

可以使用后台获取rtsp，将截取的帧图片通过循环方式返回给img标签

[星空•物语]

后台获取所有帧，统一加载进html，通过隐藏于显示，z-index去切换图片

[超喜欢喝牛奶的牛]

请问现在解决了吗

[学无止境123456]

请问如何解决的？

[学无止境123456]

引用 6 楼 超喜欢喝牛奶的牛 的回复:

请问现在解决了吗

请问您解决了么？

[leeking888]

统一回复一下吧。当前这种方式是不可行的。因为图片太大了。网络根本处理不了，而且浏览器也不可能一秒处理20张的图片切换。需要使用流压缩的方式，在前台解析播放。也就是播放器的模式。 需要加工的部分只能是在后台处理。

[程序猿要恰饭的啊]

那请问后面使用什么办法解决的呢？我目前问题是想传入照片到指定控件播放，这样就不用刷新整个页面了

[leeking888]

引用 10 楼 程序猿要恰饭的啊 的回复:

那请问后面使用什么办法解决的呢？我目前问题是想传入照片到指定控件播放，这样就不用刷新整个页面了

没有办法，只能把图片发送到FFMEPG中用RTSP在前台播放，有一定的延迟

[程序猿要恰饭的啊]

引用 11 楼 leeking888 的回复：

[quote=引用 10 楼 程序猿要恰饭的啊 的回复:]那请问后面使用什么办法解决的呢？我目前问题是想传入照片到指定控件播放，这样就不用刷新整个页面了

没有办法，只能把图片发送到FFMEPG中用RTSP在前台播放，有一定的延迟[/quote]那即使是用ffmpeg➕rtsp的办法也只能是网页整体刷新是吗