【前端】rtsp 与 rtmp 视频流的播放方法

打印 上一主题 下一主题

主题 866|帖子 866|积分 2598


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协议视频流的直接方案】
Document  
3、rtsp 转 hls/m3u8 源码讲授
   转 hls 流出来,缺点是 hls 流延迟更大。
  4、将 RTSP/ RTMP 视频流转流,然后分发到 RTMP 服务器,然后服务器转 http-flv 出来,浏览器直接播放 http-flv 流;
参考资料
===================================================================
ffmpeg的安装与利用
总结



  • 框架原理真的深入某一部门详细的代码和实现方式时,要多留意到细节,不要只能写出一个框架。
  • 算法方面很薄弱的,最很多多少刷一刷,不然影响你的工资和成功率

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

风雨同行

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表