从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打造音视频直播系统
登录|注册
37 | 如何使用 video.js 播放多媒体文件？
李超 2019-10-08
在上一篇文章中，我们介绍了 flv.js 播放器。那今天我们再来介绍另一款非常有名的 JavaScript 播放器——video.js。
我们首先来比较一下这两款播放器，看看它们之间有什么不同？在我看来，flv.js 更聚焦在多媒体格式方面，其主要是将 FLV 格式转换为 MP4 格式，而对于播放器的音量控制、进度条、菜单等 UI 展示部分没有做特别的处理。而 video.js 对音量控制、进度条、菜单等 UI 相关逻辑做了统一处理，对媒体播放部分设计了一个插件框架，可以集成不同媒体格式的播放器进去。所以相比较而言，video.js 更像是一款完整的播放器。
video.js 对大多数的浏览器做了兼容。它设计了自己的播放器 UI，接管了浏览器默认的<video>标签，提供了统一的 HTML5/CSS 皮肤。因此，通过 video.js 实现的播放器，在大多数浏览器上运行时都是统一的风格和操作样式，这极大地提高了我们的开发效率。
除了上面介绍的特点外，video.js 还有以下优势：
开源、免费的。不管你是学习、研究，还是产品应用，video.js 都是不错的选择。
轻量。浏览器 UI 的展现全部是通过 HTML5/CSS 完成，没有图片的依赖。
完善的 API 接口文档，让你容易理解和使用。
统一的 UI 设计，不管在哪个浏览器，你都看不出任何差异。
皮肤可以任意更换，很灵活。
开放灵活的插件式设计，让你可以集成各种媒体格式的播放器。
支持多种文字语言，如中文、英文等。
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《从0打造音视频直播系统》，如需阅读全部文章，
请订阅文章所属专栏。
请订阅文章所属专栏。
立即订阅
登录 后留言
精选留言(2)
潇湘落木HTML5上播放音视频的几种思路：
https://mp.weixin.qq.com/s/fcDWfOKeEpb_EcGx5-07iA2019-11-05
刘丹请问flv.js、video.js是否都支持2倍速、0.5倍速播放音视频？作者回复: flv.js 和 video.js 最终使用的还是HTML5 的video标签。在 H5的 <video>标签中有 playbackRate 属性，你通过它就可以实现倍速播放了。
2019-10-08
收起评论