[关键字: 前端浏览器如何播放 RTSP 流画面, 前端浏览器如何播放 RTMP 流画面]
本片文章只是起到抛砖引玉的作用, 能从头到尾走通就行, 并不做深入研究. 为了让文章通俗易懂, 尽量使用白话描述.
考虑到视频延迟性问题, 本次采用 RTSP -> RTMP 方案
此篇只陈述如何使前端 web 浏览器实时播放出监控视频画面的流程. 由于每个步骤中间涉及的小细节很多, 汇总在一起可能显得过于啰嗦, 臃肿, 所以分篇幅介绍. 流程如下:
获取监控摄像头的 RTSP 流
Windows 搭建 (RTMP) 流媒体服务器
使用 FFMPEG 将 RTSP 流转发至刚刚搭建的流媒体服务器, 就是所谓的 '推流'
前端 Web 浏览器使用 JS 插件从流媒体服务器获取 RTMP 流并播放, 就是所谓的 '拉流'
知道了这四个步骤, 我们再把步骤 '问题化', 得出以下四篇文章:
前端 Web 浏览器基于 Flash 如何实时播放监控视频画面 (一) 之获取监控摄像头的 RTSP 流 https://www.cnblogs.com/zhifa/p/11157381.html
前端 Web 浏览器基于 Flash 如何实时播放监控视频画面 (二) 之 Windows 搭建 (RTMP) 流媒体服务器 https://www.cnblogs.com/zhifa/p/11157561.html
前端 Web 浏览器基于 Flash 如何实时播放监控视频画面 (三) 之使用 FFMPEG '推流' https://www.cnblogs.com/zhifa/p/11157784.html
前端 Web 浏览器基于 Flash 如何实时播放监控视频画面 (四) 之使用 videoJs '拉流' https://www.cnblogs.com/zhifa/p/11158356.html
来源: http://www.bubuko.com/infodetail-3119050.html