前端Web浏览器基于Flash如何实时播放监控视频画面(前言)之流程介绍

[关键字:前端浏览器如何播放RTSP流画面、前端浏览器如何播放RTMP流画面]


本片文章只是起到抛砖引玉的作用,能从头到尾走通就行,并不做深入研究。为了让文章通俗易懂,尽量使用白话描述。

考虑到视频延迟性问题,本次采用RTSP —> RTMP方案

此篇只陈述如何使前端Web浏览器实时播放出监控视频画面的流程。由于每个步骤中间涉及的小细节很多,汇总在一起可能显得过于啰嗦,臃肿,所以分篇幅介绍。流程如下:

  • 获取监控摄像头的RTSP流
  • Windows搭建(RTMP)流媒体服务器
  • 使用ffmpeg将RTSP流转发至刚刚搭建的流媒体服务器,就是所谓的 '推流'
  • 前端Web浏览器使用JS插件从流媒体服务器获取RTMP流并播放,就是所谓的 '拉流'

前端Web浏览器基于Flash如何实时播放监控视频画面(前言)之流程介绍_第1张图片

知道了这四个步骤,我们再把步骤 '问题化',得出以下四篇文章:

  • 前端Web浏览器基于Flash如何实时播放监控视频画面(一)之获取监控摄像头的RTSP流
  • 前端Web浏览器基于Flash如何实时播放监控视频画面(二)之Windows搭建(RTMP)流媒体服务器
  • 前端Web浏览器基于Flash如何实时播放监控视频画面(三)之使用ffmpeg '推流'
  • 前端Web浏览器基于Flash如何实时播放监控视频画面(四)之使用videoJs '拉流'

 

转载于:https://www.cnblogs.com/zhifa/p/11157073.html

你可能感兴趣的:(前端Web浏览器基于Flash如何实时播放监控视频画面(前言)之流程介绍)