斗鱼直播相信大家都听说过，打开斗鱼官网就可以直接在浏览器中观看直播。那么斗鱼是如何实现浏览器视频直播的呢？本篇文章就来解析斗鱼是如何实现直播的，以及它是如何节省 80% 的 CDN 流量，要知道视频直播流量费并不便宜，斗鱼每个月光这些流量费都要支付几个亿，节省 CDN 流量就是省钱。
直播技术方案
在实际去斗鱼直播间调试视频直播之前，我就猜它肯定是使用 HTTP-FLV 方案来实现视频直播，因为国内几乎所有直播平台都是使用 HTTP-FLV 方案。
但是去斗鱼直播间并没有找到 .flv 的网络请求，而是找到了 .xs 的网络请求，如下图所示。
不过 .xs 网络请求的响应的 Content-Type 是 video/x-flv，原来只是后缀不同，看来我猜的果真没错，斗鱼就是用的 HTTP-FLV。
HTTP+P2P FLV 拉流
【更多音视频学习资料，点击下方链接免费领取↓↓，先码住不迷路~】
进入斗鱼直播间，斗鱼首先会去请求一个完整的 FLV 流，等 P2P 连接好了再去切换成子流。这是因为 P2P 连接比较慢，如果走来就走 P2P，那么视频起播速度会非常慢。
上图中第二个连接就是一个完整的 FLV 流，等 P2P 连接成功后会断开连接去拉子流。
在 P2P 连接成功后，还可以在网络面板看到一个 WebSocket 连接，如下图所示，它是斗鱼用来推送其他正在观看当前流的用户的，这样播放器就可以直接从推送的用户这里拉流。
斗鱼 P2P 是基于 WebRTC 的 DataChannel，可以打开 chrome 的 WebRTC 的调试页面，可以看到有很多 WebRTC 连接，它可以接收其他用户分享的视频数据，自己也会共享当前下载到的视频数据给其他用户。
斗鱼将一个完整的直播流进行切片，分成一个个小的视频分片并进行编号（这样方便用户之间共享）然后将这些小分片分为多个子流，通过 HTTP 从 CDN 拉一路子流，然后通过 P2P 去其他用户那里拉其他的子流。
但是通过 P2P 从其他用户那里拉流并不是很稳定，例如其他用户可以能退出了直播间，或者网络出了问题，这样就会导致接收它分享的用户直播断流。为了提升直播稳定性，如果在一定时间内没有收到其他用户分享的数据，斗鱼播放器就会立刻从 CDN 去拉对应的子流，并且 WebSocket 也会推荐新的用户给播放器。
如果你想关闭 P2P，也比较简单，可以在网络面板屏蔽下图中的地址即可。
屏蔽之后，斗鱼就只会从 CDN 拉流，不走 P2P，如下图所示，可以发现流的地址变成正常的 .flv 后缀。
无论是只使用 HTTP，还是使用 HTTP + P2P，它们的最终目的是获取 FLV 视频数据。
FLV 格式
1. 从手机商店搜索“斗鱼直播”，点击开始下载，并进行安装。2. 在手机上打开进入斗鱼直播应用，进入斗鱼直播。3. 点击本页面“选择游戏”按钮，会发现有多款游戏，选择你想要直播的游戏。4. 我们点击“开始直播”选。
FLV 视频格式是由 Adobe 公司开发，在 2003 年发布，用于视频文件在网络上传输。在 Flash 时代几乎所有流媒体平台都在使用 FLV 格式，但是随着 Flash 技术的淘汰，FLV 也跟着没落了，目前国外已经没有流媒体平台在使用 FLV 了，但是在国内 FLV 却广泛用于网络直播场景。
不像 Flash，H5 的 video 元素是无法播放 FLV 视频的，我们需要借助 MSE 来自己控制视频播放，具体原理是将 FLV 转封装成 FMP4 视频格式，然后交给 MSE 播放即可。
MSE 全称是 Media Source Extensions API，它是 Web 流媒体的基础，所有 Web 流媒体平台最终都会用到它
目前有开源的 flv.js 来帮我们完成这件事，查看斗鱼 dist 后代码，斗鱼也是使用的 flv.js，不过在之上加了很多自定义的代码，例如加上了 h265 编码的支持，flv.js 是不支持 h265 编码的，FLV 官方规范也不支持，但是业务又有这种需求，所以一般将 FLV 视频编码 ID 等于 12 当作 h265 的流。在斗鱼直播中如果发现直播流是 h265 编码并且浏览器不支持 h265，斗鱼会利用 WASM 来软解播放视频。
目前实名认证只支持在斗鱼手机客户端内操作，进入手机端：【我的】-点击头像/昵称-实名认证，提交您的身份证信息即可申请。实名认证后在个人中心激活直播间，申请成功后选择手机、电脑设备进行开播即可。直播内容要积极正向，遵守。
【更多音视频学习资料，点击下方链接免费领取↓↓，先码住不迷路~】
1、打开手机中的应用商城 2、下载并安装斗鱼 3、打开斗鱼APP，通过斗鱼账号登录，也可以通过社交账号登录。4、登录后还需要设置好昵称。设置昵称时不能使用违法犯罪的昵称，并且是5到10个字符。5、在“我的”界面点击右下。
直播时移
对于赛事直播斗鱼是支持直播时移的，如下图所示。
但是这个播放器的进度条体验不是很好，进度条的高度只有 3px，鼠标非要精准的放上去，才能有 Hover 的效果，这是没那么容易做到的。这里推荐个好用开源的播放器进度条 ppbar，你可以把它集成到任何播放器中去，非常的好用。
斗鱼直播时移是基于 HLS 的，如果点击一下进度条，斗鱼播放器会黑一下，将 FLV 切换成 HLS。
斗鱼怎么在专区直播步骤如下：1、打开斗鱼直播APP，点击左上角个人头像图标。2、接着点击右下角+图标，点击我要开播。3、再登录或注册斗鱼账号，完成实名认证，最后点击确认即可。
和 FLV 一样，要在浏览器中播放 HLS 流，同样需要 MSE API 来播放，目前可以借助开源的 hls.js 来在浏览器中播放 HLS 流。查看斗鱼 dist 过后的代码，斗鱼应该没有使用 hls.js，而是自己实现在浏览器中播放 HLS。
总结
1、拥有实名认证的直播间。根据网站的要求，拍摄相关的照片进行验证2、下载斗鱼手机端的软件，下载完成后登陆。3、开启需要的权限，在进行直播之前去手机的设置界面查看允许这个软件使用我们手机的权限，这其中要包括摄像头，还有。
这篇文章介绍了斗鱼 H5 直播技术的原理，斗鱼不仅使用国内常用的 HTTP-FLV 方案，还加入了 P2P 拉流，从而节省 CDN 流量。对于赛事直播，斗鱼还支持直播时移，直播时移是使用 HLS 来实现的，用户在 seek 后会通过 seek 到的时间点去服务器换取对应的时移 HLS 流地址，然后走 HLS 拉流即可。
如果你对音视频开发感兴趣，觉得文章对您有帮助，别忘了点赞、收藏哦！或者对本文的一些阐述有自己的看法，有任何问题，欢迎在下方评论区讨论！
