RTSP（Real Time Streaming Protocal），RFC2326，实时流传输协议，是 TCP/IP 协议体系中的一个应用层协议。…
额，算了，不写这些了；想了解科普知识的，自己去网上查；而且这也不是我写博文的风格，咋们直接上干货！
写在前面
===================================================================
如何生成一个 rtsp 的视频流？如何播放 rtsp 视频流？
你可以在网上搜一下 rtsp 测试视频流，看有没有现成的 rtsp 视频流连接可用。（不过，搜出来的大部分都不理想，不可用。)
这是我找的 rtmp 视频流
在网上下载一个 vlc软件，它可以播放 rtsp 视频流，也可以将视频文件转成 rtsp 视频流
视频文件转 rtsp 视频流，具体操作如下：
这样就会得到一个 rtsp 的视频流，链接是： rtsp://127.0.0.1:8554/a
我们再开一个 vlc， 来播放它：
OK，现在，我们已经学会制作 rtsp 视频流，也能用 vlc 工具来播放 rtsp 视频流了，那么下一步，就是在网页上如何播放 rtsp 视频流
前端如何在网页上播放 rtsp 视频流
==================================================================================
方法一 、浏览器安装插件
【这是一个不推荐的方案】
因为，IE浏览器需要安装插件，火狐需要安装插件，谷歌浏览器需要安装插件，所有的的浏览器都需要安装插件才能在浏览器上直接播放 rtsp 视频流；而且插件都不一样，而且插件只有很旧版本的谷歌、火狐浏览器才可以支持使用；较新一点的浏览器都不支持这种方法了。
举个例子、谷歌浏览器需要安装 vlc 插件，依靠这个插件才能让 RTSP 协议在网页上能播放，但是目前高版本的 Chrome 浏览器不支持 NPAPI 插件，也就是说高版本的 Chrome 浏览器还是不能播放（46以上的版本都不行）。
所以、这种方案极其不推荐，建议你也别去试了！
方法二、转 rtmp
将 rtsp 转 rtmp；这种方案，后端将 rtsp 视频流转换成 rtmp 视频流。
RTMP 是 Macromedia 开发的一套视频直播协议，属于 Adobe。想要在浏览器中实现 rtmp 推流，就必须借助 flash 的帮助。而且 HTML5 规范里面并没有针对 RTMP 的实现。毕竟这个协议标准是 Adobe 公司指定的。
但是现在是 2021 年了，谷歌浏览器不再支持 Flash 了，Flash 也不再更新，建议用户卸载了；所以浏览器直播播放 rtmp 的方式也不推荐。
方法三、转码推流
抛开上面两种思路以后，借助后端转码推流将是必要的操作
常见的包括但不限于以下几种：
转 flv
转 websocket
转 http-flv
转 m3u8
转 hls
1、 rtsp 转 flv 源码教学；这个很详细了，然后关于 ffmpeg 的安装与使用：ffmpeg的安装与使用 ；ffmpeg 安装包我已经下载好并上传了，自取 => ffmpeg 安装包
2、 rtsp 转 websocket 源码教学；
这里其实有一个思考就是是：【jsmpeg提供了一种播放ws协议视频流的直接方案】
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。
《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里领取
宝典》，《前端面试题：常用算法》PDF完整版点击这里领取**
[外链图片转存中…(img-DFIqKal5-1712558728586)]
[外链图片转存中…(img-KDLDx6iQ-1712558728587)]
[外链图片转存中…(img-swtIzpnv-1712558728587)]
