收藏

WebRTC实时互动直播技术入门与实战 5G时代必备技能

助你低门槛掌握音视频核心技术,快速成长为企业急需的音视频工程师,抢占5G时代的技术先机

5G时代必备 音视频WebRTC实时互动直播技术入门与实战

难度 中级 时长 18小时 学习人数 1962 综合评分 9.98

5G时代必备 音视频WebRTC实时互动直播技术入门与实战

  • 第1章 学习指南【学习困惑有人答,不用自己瞎摸索】 试看 2 节 | 25分钟

    【老师是位答题狂,问答区的问题有问必答,学习困惑有人答,不用自己瞎摸索】本章首先为大家介绍什么是WebRTC,为什么学习WebRTC,学习WebRTC有哪些困难,课程是如何解决这些困难,让大家低门槛学好WebRTC,当然每门课程都有适用人群,大家选课程前可以通过试看来了解课程是否适合你。...

    收起列表

    • 视频: 1-1 【学前必看】课程导学 (14:51) 试看
    • 视频: 1-2 【快来认识我】WebRTC介绍 (09:09)
  • 第2章 WebRTC原理与架构 3 节 | 33分钟

    本章首先带大家了解WebRTC 架构,并通过讲解WebRTC目录结构与各模块的作用,从整体上把握好WebRTC,为后面的实战学习打下坚实的理论基础。

    收起列表

    • 视频: 2-1 【必备原理】webrtc架构 (10:49)
    • 视频: 2-2 【功能概要】WebRTC目录结构 (12:14)
    • 视频: 2-3 【必备原理】WebRTC运行机制 (09:26)
  • 第3章 Web服务器原理与Nodejs搭建 试看 5 节 | 65分钟

    在开始正式学习 WebRTC前先将实验环境搭建好,为后面做各种实验准备好环境。

    收起列表

    • 视频: 3-1 【基础铺垫,学前有概念】Web服务器工作原理 (09:21)
    • 视频: 3-2 【来点实战】Nodejs环境搭建 (11:14)
    • 视频: 3-3 【来点实战】最简单的http服务 (12:00)
    • 视频: 3-4 【来点实战】创建https服务 (13:54)
    • 视频: 3-5 【来点实战】实现一个真正的 Web服务器 (18:02) 试看
  • 第4章 JavaScript必备知识回顾 3 节 | 38分钟

    为了考虑到有些同学对JS不太熟悉,本章专门为大家补充了JS必备的基础知识回顾。简单回顾一下JavaScript语法,让不熟悉 Js的同学可以快速上手。在后面的实现中大量使用了 JavaScript语言,调用 WebRTC API,其流程与其它端调用 WebRTC API逻辑基本是一致的。...

    收起列表

    • 视频: 4-1 【JS调试工具使用】JavaScript调试 (10:02)
    • 视频: 4-2 【怕你不熟JS,补充一下】变量与基本运算 (13:10)
    • 视频: 4-3 【怕你不熟JS,补充一下】判断循环与函数 (13:56)
  • 第5章 WebRTC设备管理 2 节 | 33分钟

    本章带大家基于WebRTC实现音视频设备选择,包括音频设备、视频设备。通过本章的学习大家可以掌握好如何使用WebRTC实现音视频设备的选择。

    收起列表

    • 视频: 5-1 【基础铺垫,学前有概念】WebRTC获取音视频设备 (15:52)
    • 视频: 5-2 【来点实战】在页面中显示获取到的设备 (16:22)
  • 第6章 WebRTC音视频数据采集 9 节 | 97分钟

    本章讲解WebRTC如何实现音视频数据采集,其中包括:1.通过 WebCam 获取视频流,2.采集音频流,3.设置Camera分辨率 ,4.视频渲染。

    收起列表

    • 视频: 6-1 【基础铺垫,学前有概念】WebRTC音视频数据采集 (15:14)
    • 视频: 6-2 【浏览器适配方法】WebRTC_API_适配 (06:48)
    • 视频: 6-3 【安全管理】获取音视频设备的访问权限 (14:03)
    • 视频: 6-4 【视频参数调整】视频约束 (07:06)
    • 视频: 6-5 【音频参数调整】音频约束 (13:12)
    • 视频: 6-6 【来点实战】视频特效 (10:35)
    • 视频: 6-7 【来点实战】从视频中获取图片 (11:39)
    • 视频: 6-8 【来点实战】WebRTC只采集音频数据 (05:04)
    • 视频: 6-9 【来点实战】MediaStreamAPI及获取视频约束 (12:45)
  • 第7章 WebRTC音视频录制实战 试看 4 节 | 42分钟

    本章讲解WebRTC录制相关的知识,除了可以录制音视频之外,还可以录制桌面。

    收起列表

    • 视频: 7-1 【基础铺垫,学前有概念】WebRTC录制基本知识 (08:08)
    • 视频: 7-2 【来点实战】录制音视频实战-1 (13:21) 试看
    • 视频: 7-3 【来点实战】录制音视频实战-2 (13:22)
    • 视频: 7-4 【来点实战】WebRTC采集屏面数据 (06:50)
  • 第8章 WebRTC信令服务器实现 5 节 | 75分钟

    本章为大家讲解WebRTC信令服务器实现,WebRTC规范本身不包括服务器部分,但要想实现正的互通,又必须要有信令服务器。通过本章的讲解你将了解到如何实现一个最简单的信令服务器,以配合我们最终实现 1V1实时音视频互动直播系统。...

    收起列表

    • 视频: 8-1 【基础铺垫,学前有概念】如何使用socket.io发送消息 (10:53)
    • 视频: 8-2 【基础铺垫,学前有概念】WebRTC信令服务器原理 (11:42)
    • 视频: 8-3 【来点实战】WebRTC信令服务器的实现 (19:08)
    • 视频: 8-4 【来点实战】利用socket.io实现简单聊天室-1 (15:42)
    • 视频: 8-5 【来点实战】利用socket.io实现简单聊天室-2 (17:09)
  • 第9章 WebRTC网络基础补充:P2P/STUN/TURN/ICE知识 11 节 | 114分钟

    本章补充WebRTC网络的基本知识,要想知道WebRTC是如何选择端到端通路的,就必须对这部分知识有深入的理解,否则在后期深入学习 WebRTC时,你会感到非常迷茫。

    收起列表

    • 视频: 9-1 【基础铺垫,学前有概念】WebRTC网络传输基本知识 (11:52)
    • 视频: 9-2 【基础铺垫,学前有概念】NAT打洞原理 (10:13)
    • 视频: 9-3 【基础铺垫,学前有概念】NAT类型检测 (07:19)
    • 视频: 9-4 【协议规范】STUN协议一 (12:39)
    • 视频: 9-5 【协议规范】STUN协议二 (10:33)
    • 视频: 9-6 【协议规范】TURN协议 (17:11)
    • 视频: 9-7 【协议规范】ICE框架 (15:15)
    • 视频: 9-8 【基础铺垫,学前有概念】网络分析方法 tcpdump 与 wireshark讲解 (05:57)
    • 视频: 9-9 【来点实战-抓包工具使用】网络分析方法 tcpdump 与 wireshark实战-1 (15:33)
    • 视频: 9-10 【来点实战-抓包工具使用】网络分析方法 tcpdump 与 wireshark实战-2 (07:06)
    • 作业: 9-11 搭建TURN服务
  • 第10章 端对端1V1传输基本流程 7 节 | 89分钟

    本章讲解端对端传输如何进行媒体能力的协商,以及其处理的基本流程。这部分知识非常重要,了解了这部分知识基本上就撑握了WebRTC的一半,它们是实现真正的 1V1实时互动直播的基础。

    收起列表

    • 视频: 10-1 【必备原理】媒体能力协商过程一 (11:49)
    • 视频: 10-2 【必备原理】媒体能力协商过程二 (09:59)
    • 视频: 10-3 【必备原理】1:1连接的基本流程 (06:54)
    • 视频: 10-4 【来点实战】本机内的1:1音视频互通-1 (24:18)
    • 视频: 10-5 【来点实战】本机内的1:1音视频互通-2 (24:00)
    • 视频: 10-6 【来点实战】获取 offer/answer 创建的 SDP (11:32)
    • 作业: 10-7 WebRTC媒体协商的过程是怎样的?
  • 第11章 WebRTC核心之SDP详解 4 节 | 52分钟

    SDP可以说是 WebRTC 的核心,因为双方进行通信的参数都在其中,如使用的编解码器是多少,码流是多大,有多少个媒体流等等这些都在 SDP中描述着。所以必须要非常清楚每一行的含义。而往往这部分知识很复杂,能了解清楚的人少之又少,从而导致对 WebRTC的理解很难深入下去...

    收起列表

    • 视频: 11-1 【协议规范】SDP规范 (17:11)
    • 视频: 11-2 【协议规范】WebRTC中的SDP (10:59)
    • 视频: 11-3 【详解】WebRTC中Offer_AnswerSDP (23:26)
    • 作业: 11-4 对于SDP协议是做什么用的?
  • 第12章 实现1V1音视频实时互动直播系统 11 节 | 158分钟

    本章将带你学习真正的1V1音视频实时互动直播系统的实现。这部分内容比较重,里边有大量的实现,相信同学位可以从本章收获大量的知识。

    收起列表

    • 视频: 12-1 【来点实战】STUN_TURN服务器搭建 (19:37)
    • 视频: 12-2 【参数介绍】再论RTCPeerConnection (10:42)
    • 视频: 12-3 【必备原理】直播系统中的信令及其逻辑关系 (11:45)
    • 视频: 12-4 【来点实战】实现1:1音视频实时互动信令服务器 (15:19)
    • 视频: 12-5 【参数介绍】再论CreateOffer (18:16)
    • 视频: 12-6 【必备原理】WebRTC客户端状态机及处理逻辑 (09:37)
    • 视频: 12-7 【来点实战-基本结构】-WebRTC客户端的实现 (19:17)
    • 视频: 12-8 【来点实战-增加PeerConnecton逻辑】WebRTC客户端的实现-1 (13:59)
    • 视频: 12-9 【来点实战-增加PeerConnecton逻辑】WebRTC客户端的实现-2 (14:24)
    • 视频: 12-10 【来点实战-增加媒体协商的逻辑】WebRTC客户端的实现-3 (20:49)
    • 视频: 12-11 【阶段作业,练练手吧】共享远程桌面 (03:12)
  • 第13章 WebRTC核心之RTP 媒体控制与数据统计 6 节 | 69分钟

    WebRTC提供了非常精细化的管理。大家除了可以使用非常方便的上层接口来使用 WebRTC之外,还可以通过对 Sender/Receiver的控制,对网络流量进行控制。另外还可以通过 WebRTC统计数据进行网络质量分析。这些知识你都可以通过本章的内容学习到。...

    收起列表

    • 视频: 13-1 【基础铺垫,学前有概念】RTPRReceiver发送器 (07:01)
    • 视频: 13-2 【基础铺垫,学前有概念】RTPSender发送器 (08:00)
    • 视频: 13-3 【来点实战】传输速率的控制-1 (15:16)
    • 视频: 13-4 【来点实战】传输速率的控制-2 (11:16)
    • 视频: 13-5 【来点实战】WebRTC统计信息-1 (17:45)
    • 视频: 13-6 【来点实战】WebRTC统计信息-2 (09:18)
  • 第14章 WebRTC非音视频数据传输 3 节 | 38分钟

    本章带大家基于WebRTC实现多端非音视频数据传输,其中包括:1.文本聊天,2.传输文件,通过本章的学习大家可以掌握好如何用WebRTC的数据通道,传输非音视频数据。

    收起列表

    • 视频: 14-1 【基础铺垫,学前有概念】传输非音视频数据基础知识 (09:13)
    • 视频: 14-2 【来点实战】端到端文本聊天 (23:50)
    • 视频: 14-3 【练手的机会来了】文件实时传输 (04:30)
  • 第15章 WebRTC实时数据传输网络协议详解 5 节 | 50分钟

    本章为大家讲解 基于WebRTC实现实时数据传输相关网络协议知识,RTP/RTCP协议详解,DTSL/SRTP,最后通过 WireShark 分析数包,让大家真正掌握好WebRTC实时数据传输这块的核心技术。

    收起列表

    • 视频: 15-1 【协议规范】RTP-SRTP协议头讲解 (11:35)
    • 视频: 15-2 【协议规范】RTCP中的SR与RR报文 (15:50)
    • 视频: 15-3 【协议规范】DTSL (08:37)
    • 视频: 15-4 【来点实战】wireshark分析rtp-rtcp包 (13:29)
    • 作业: 15-5 DTLS与SRTP 的关系是什么?
  • 第16章 Android端与浏览器互通 5 节 | 85分钟

    浏览器与移动端之间的互通是行业痛点,很多公司,很多工程师都搞不定这块,本章将通过Android与浏览器的互通来让你了解其它端与浏览器之间是如何实现互通的。知道了Android端,其它端的流程也是一样的。

    收起列表

    • 视频: 16-1 Android与浏览器互通基本知识 (14:25)
    • 视频: 16-2 WebRTCNative开发逻辑 (13:58)
    • 视频: 16-3 实战-权限申请-库的引入与界面 (13:49)
    • 视频: 16-4 实战-通过socket.io实现信令收发 (19:59)
    • 视频: 16-5 实战-Andorid与浏览器互通 (22:41)
  • 第17章 iOS端与浏览器互通 9 节 | 111分钟

    本章将向你讲解iOS App与浏览器之间的互通,来让你了解iOS是如何使用WebRTC的。当本章讲解完后,我们就实现了浏览器与浏览器、Android App 与浏览器、iOS App与浏览器、iOS与Android App 之间的互通。这样就实现了一套完整的1对1通话Demo ...

    收起列表

    • 视频: 17-1 iOS权限获取 (06:46)
    • 视频: 17-2 iOS引入WebRTC库 (08:39)
    • 视频: 17-3 iOS端SocketIO的使用 (21:47)
    • 视频: 17-4 iOS界面布局 (26:25)
    • 视频: 17-5 iOS本地视频采集与展示 (11:56)
    • 视频: 17-6 iOS端RTCPeerConnection (10:07)
    • 视频: 17-7 iOS媒体协商 (13:11)
    • 视频: 17-8 iOS远端视频渲染 (11:30)
    • 作业: 17-9 HTTPS 服务
  • 第18章 课程总结 1 节 | 18分钟

    恭喜大家都坚持到了最后,相信大家都收获满满。最后让我们一起来进行下本课程的总结与回顾,看看大家掌握了多少,记住了多少,应用了多少,最后课程结束我们不说再见,大家有问题依然可以到课程问答区提问题,我会继续为大家解答问题。你也可以加入课程QQ交流群和同学们进行交流探讨,一起进步。...

    收起列表

    • 视频: 18-1 课程总结 (17:44)
本课程已完结

试看

全部试看小节



讲师

李超 全栈工程师

北京音视跳动首席架构师。拥有10多年的音视频实时互动直播研发经验,多年团队管理经验。参加并设计了多个高负载,大并发服务器架构。曾在全时云会议担任研发经理,带领团队研发同时进行10000场会议的音视频会议平台。曾在跟谁学团队担任直播研发高级经理,带领团队研发在线教育直播平台,同一教室内可支持上万人。

讲师其他课程

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题