前言：之前也陆陆续续的写过一些关于视频流播放的问题，但是一直没有一个清晰的逻辑。所以在这里总结梳理一下。所以这篇文章的核心是前端怎么去播放一些常见的视频流。
视频流介绍
在介绍播放方法之前，先对视频流数据格式做一个基本的了解，如果你已经有所了解，可以直接跳过。我这里也是做一个简单的介绍，因为其实这方面的知识还是蛮多的，想深入了解的请自行百度吧。
视频流协议 - 视频流编码 - 视频流文件格式
1、常见的协议
| 协议名称 | 全称 | 中文解释 | 传输的格式流 | 例子 |
|---|---|---|---|---|
| RTP | Real-time Transport protocol | 实时传输协议 | ||
| RTCP | Real-time Transport Control protocol | 实时传输控制协议 | ||
| RTSP | Real Time Streaming protocol | 实时流协议 | ts、mp4 | RSVP |
| RTMP | Real Time Messaging Protocol | 实时消息传输协议 | flv，f4v | |
| HLS | HTTP Live Streaming | 基于HTTP的流媒体传输协议 | 直播或者点播 |
RTSP例子：rtsp://218.204.223.237:554/live/1/66251FC11353191F/e7ooqwcfbqjoo80j.sdp
RTMP例子：rtmp://live.hkstv.hk.lxdns.com/live/hks
HLS例子：http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8
2、编解码技术
| 名称 | 介绍 |
|---|---|
| MPEG4 | 自行百度 |
| H264 | 自行百度 |
3、视频流文件格式
怎么让页面播放
1、腾讯云播放器
https://cloud.tencent.com/document/product/454/7503
2、阿里云播放器
https://help.aliyun.com/document_detail/125570.html
3、video.js
https://github.com/videojs/video.js
参考链接
[1] 协议详解
[2] 编解码技术及播放方式
[3] 几种视频流地址
内容还不是很全面，代码也还没有整理，后续会补上
