从0打造音视频直播系统
李超
前新东方音视频直播技术专家，前沪江音视频架构师
立即订阅
2827 人已学习
课程目录
已完结 40 讲
0/4登录后，你可以任选4讲全文学习。
开篇词 (1讲)
开篇词 | 5G的到来将会为音视频插上飞翔的翅膀
免费
WebRTC 1对1通话 (23讲)
01 | 原来通过浏览器访问摄像头这么容易
02 | 如何通过WebRTC进行音视频设备检测呢？
03 | 如何使用浏览器给自己拍照呢？
04 | 可以把采集到的音视频数据录制下来吗？
05 | 原来浏览器还能抓取桌面？
06 | WebRTC中的RTP及RTCP详解
07 | 你竟然不知道SDP？它可是WebRTC的驱动核心！
08 | 有话好商量，论媒体协商
09 | 让我们揭开WebRTC建立连接的神秘面纱
10 | WebRTC NAT穿越原理
11 | 如何通过Node.js实现一套最简单的信令系统？
12 | RTCPeerConnection：音视频实时通讯的核心
13 | 在WebRTC中如何控制传输速率呢？
14 | 如何打开/关闭音视频？
15 | WebRTC中的数据统计原来这么强大（上）
16 | WebRTC中的数据统计原来这么强大（下）
17 | 如何使用Canvas绘制统计图表（上）？
18 | 如何使用Canvas绘制统计图表（下）？
19 | WebRTC能不能进行文本聊天呢？
20 | 原来WebRTC还可以实时传输文件？
21 | 如何保证数据传输的安全（上）？
22 | 如何保证数据传输的安全（下）？
23 | 实战演练：通过WebRTC实现一个1对1音视频实时直播系统
WebRTC多人音视频实时通话 (7讲)
24 | 多人音视频实时通讯是怎样的架构？
25 | 那些常见的流媒体服务器，你该选择谁？
26 | 为什么编译Medooze Server这么难？
27 | 让我们一起探索Medooze的具体实现吧（上）
28 | 让我们一起探索Medooze的具体实现吧（下）
29 | 如何使用Medooze 实现多方视频会议？
30 | 实战演练：通过WebRTC实现多人音视频实时互动直播系统
支持上万人同时在线的直播系统 (8讲)
31 | 一对多直播系统RTMP/HLS，你该选哪个？
32 | HLS：实现一对多直播系统的必备协议
33 | FLV：适合录制的多媒体格式
34 | 如何使用Nginx搭建最简单的直播服务器？
35 | 如何构建云端一对多直播系统？
36 | 如何使用 flv.js 播放 FLV 多媒体文件呢？
37 | 如何使用 video.js 播放多媒体文件？
38 | 实战推演：带你实现一个支持万人同时在线的直播系统
结束语 (1讲)
结束语 | 路漫漫其修远兮，吾将上下而求索
从0打造音视频直播系统
登录|注册
36 | 如何使用 flv.js 播放 FLV 多媒体文件呢？
李超 2019-10-05
flv.js 是由 bilibili 公司开源的项目。它可以解析 FLV 文件，从中取出音视频数据并转成 BMFF 片段（一种 MP4 格式），然后交给 HTML5 的<video>标签进行播放。通过这种方式，使得浏览器在不借助 Flash 的情况下也可以播放 FLV 文件了。
目前，各大浏览器厂商默认都是禁止使用 Flash 插件的。之前常见的 Flash 直播方案，到现在已经遇到极大的挑战。因为它需要用户在浏览器上主动开启 Flash 选项之后才可以正常使用，这种用户体验是非常糟糕的，而 flv.js 的出现则彻底解决了这个问题。
flv.js 是由 JavaScript 语言开发的，该播放器的最大优势是，即使不安装 Flash 插件也可以在浏览器上播放 FLV 文件。虽说 Adobe 公司早已不再为 Flash 提供支持了，但 FLV 多媒体文件格式不会就此而消亡。因此，在没有 Flash 的时代里，能实现在浏览器上播放 FLV 文件就是 flv.js 项目的最大意义。
flv.js 基本工作原理
flv.js 的工作原理非常简单，它首先将 FLV 文件转成 ISO BMFF（MP4 片段）片段，然后通过浏览器的 Media Source Extensions 将 MP4 片段播放出来。具体的处理过程如下图所示：
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《从0打造音视频直播系统》，如需阅读全部文章，
请订阅文章所属专栏。
请订阅文章所属专栏。
立即订阅
登录 后留言
精选留言(1)
为城老师，WebRTC如何推流至直播服务器没有篇幅介绍，能提供多一些这方面内容的介绍吗？作者回复: 这方面没有介绍，你可以在PC端的 WebRTC客户端增加 RTMP 推流功能，直接向 CDN 推流就可以了。或者在服务端将 RTP 流转 RTMP 流进行推流
2019-10-07
收起评论