2024年Web前端最新【前端】rtsp 与 rtmp 视频流的播放方法,2024年最新面试必考的题目是什么

最后

四轮技术面+一轮hr面结束,学习到了不少,面试也是一个学习检测自己的过程,面试前大概复习了 一周的时间,把以前的代码看了一下,字节跳动比较注重算法,面试前刷了下leetcode和剑指offer, 也刷了些在牛客网上的面经。大概就说这些了,写代码去了~

祝大家都能收获大厂offer~

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

篇幅有限,仅展示部分内容


【这是一个不推荐的方案】

因为,IE浏览器需要安装插件,火狐需要安装插件,谷歌浏览器需要安装插件,所有的的浏览器都需要安装插件才能在浏览器上直接播放 rtsp 视频流;而且插件都不一样,而且插件只有很旧版本的谷歌、火狐浏览器才可以支持使用;较新一点的浏览器都不支持这种方法了。

举个例子、谷歌浏览器需要安装 vlc 插件,依靠这个插件才能让 RTSP 协议在网页上能播放,但是目前高版本的 Chrome 浏览器不支持 NPAPI 插件,也就是说高版本的 Chrome 浏览器还是不能播放(46以上的版本都不行)。

所以、这种方案极其不推荐,建议你也别去试了!

方法二、转 rtmp


rtsprtmp;这种方案,后端将 rtsp 视频流转换成 rtmp 视频流。

RTMPMacromedia 开发的一套视频直播协议,属于 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的安装与使用

https://www.cnblogs.com/dwj192/p/7040250.html

百度云-cyberplayer

-----------------(正文完)------------------

刷面试题

刷题的重要性,不用多说。对于应届生或工作年限不长的人来说,刷面试题一方面能够尽可能地快速自己对某个技术点的理解,另一方面在面试时,有一定几率被问到相同或相似题,另外或多或少也能够为自己面试增加一些自信心,可见适当的刷题是很有必要的。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 前端字节跳动真题解析

  • 【269页】前端大厂面试题宝典

最后平时要进行自我分析与评价,做好职业规划,不断摸索,提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难,摆好心态,做好准备,你也可以的。

  • 15
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值