在VUE框架的WEB网页端播放海康威视RTSP视频流完全方案

这篇具有很好参考价值的文章主要介绍了在VUE框架的WEB网页端播放海康威视RTSP视频流完全方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.服务器转流前端转码方案

服务器端先把RTSP流用Web Socket或WebRTC推送到前端，再通过WASM转码MP4播放。此方案虽号称是无插件方案，但是需要服务器支持，两次转码导致延迟较高，一般高达数秒甚至数分钟。此方案首屏画面显示很慢。因为需要服务器不断转码转流，对CPU和内存消耗较大，带宽占用高，长期综合使用成本也很高。如果多路播放或者看高分辨率或 H.265视频，很可能就会出现卡顿、花屏等情况。

综合来看，此方案摄像头较少或者对延迟、画面要求较低的需求，商用难堪重任。

2.服务器转码转流再转码方案

原理是服务器端先把RTSP流转FLV后，再用Web Socket或WebRTC推送到前端，然后再转为MP4播放。目前在高版本浏览器（除IE外）中，已经支持 WASM技术，可以使用此技术在终端电脑上把RTSP视频流转码后播放。此方案同样需要服务器的支持，由于在终端电脑转码，终端电脑配置好坏决定了播放质量，并且由于WASM只能软解码，无法利用终端电脑的加速能力，且不支持多线程，不支持水印、字幕及本地录像及抓图等，多路播放或者H.265格式视频，也容易出现卡顿、花屏等情况，大量占用电脑CPU和内存，电脑无法再做其他事情，体验非常不好。

综合来看，此方案也尽量慎用。