WebRTC基础实践 - 2. WebRTC课程概述

2018-10-15 18:08:57 2508 收藏 2
分类专栏： WebRTC基础实践 文章标签： webrtc 课程概述 audio video stream

本课程将逐步开发一个 WebRTC 应用, 通过网络摄像头来拍照、录像、并将这些信息传递给另一方. 在此过程中, 我们将学习如何使用WebRTC的核心API, 还会通过 Node.js 来搭建一个消息服务器。

课程内容

  • 从摄像头获取视频
  • 通过 RTCPeerConnection 传输视频流
  • 通过 RTCDataChannel 传输数据流
  • 配置信令服务来交换消息
  • 集成对等连接与信令服务
  • 拍照, 并通过数据通道来分享

环境准备

  • Chrome 47 及以上版本的浏览器
  • 如果没有服务器环境, 则可以使用扩展应用 Web Server for Chrome 来代替。
  • 下载示例代码
  • 文本编辑器/IDE
  • HTML,CSS和JavaScript 相关的基础知识

相关词汇对照:

  • webcam : 网络摄像头
  • data channel : 数据通道

原文链接: https://codelabs.developers.google.com/codelabs/webrtc-web/#1

翻译人员: 铁锚 - https://blog.csdn.net/renfufei

翻译日期: 2018年06月29日

WebRTC基础实践 系列文章目录如下:

已标记关键词 清除标记
WebRTC音视频技术教程-理论基础
10-30
<p><span style="color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; font-size: 14px; background-color: #ffffff;">WebRTC技术经过多年的发展，已经非常成熟，它提供了HTML5流媒体技术的一整套解决方案及API，可用来实现一对一视频通话，视频会议，远程教育以及远程会诊等应用。尤其现在5G时代已经到来，WebRTC技术为必备技能。</span><br style="color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; font-size: 14px; background-color: #ffffff;" /><br style="color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; font-size: 14px; background-color: #ffffff;" /><span style="color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; font-size: 14px; background-color: #ffffff;">本课程序为WebRTC的理论基础教程，将带领你理解并掌握WebRTC的系统架构，媒体协商，网络协商，协议，信令服务，连接建立等理论知识。适合0基础小白以及想从事音视频行业的开发人员学习。</span><br style="color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; font-size: 14px; background-color: #ffffff;" /><br style="color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; font-size: 14px; background-color: #ffffff;" /><span style="max-width: 100%; box-sizing: border-box; color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; background-color: #ffffff; font-size: 18px;"><strong>讲师介绍</strong></span></p> <p style="margin: 0px; max-width: 100%; box-sizing: border-box; color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; font-size: 14px; background-color: #ffffff;">讲师：亢少军<br />展翼科技联合创始人，国内首本Flutter出版书籍作者，著有《Flutter技术入门与实战》《WebRTC音视频开发 React+Flutter+Go实战》。多年从事流媒体技术研发，对于Android，iOS等开发技术有比较深入的研究和应用，作为主要程序员开发了多个应用项目，涉及医疗、交通、银行等领域。</p> <p style="margin: 0px; max-width: 100%; box-sizing: border-box; color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; font-size: 14px; background-color: #ffffff;"><br />WebRTC音视频开源<strong> PION/ION</strong> 项目主要贡献者，一个Flutter+React+Go+WebRTC的视频会议项目，Star已破1.9K。<br /><br /><span style="max-width: 100%; box-sizing: border-box; font-size: 18px;"><strong>课程收益:</strong></span><br />了解WebRTC概况及应用场景<br />理解WebRTC整体架构结构<br />理解视频通话基本原理<br />掌握媒体协商概念及理论<br />理解SDP协议理论<br />掌握网络协商概念及理论<br />掌握NAT网络地址转换理论<br />掌握ICE，STUN，TURN协议理论<br />理解信令服务器的作用<br />掌握视频通话连接建立流程及实现方法<br /><br /><br /><span style="max-width: 100%; box-sizing: border-box; font-size: 18px;"><strong>图书介绍</strong></span><br /><br /><img style="border: 0px; vertical-align: middle; max-width: 100%;" src="https://10.idqqimg.com/qqke_course_info/ajNVdqHZLLCdwibScmJ4ibic2FafVhjRa8HhicdEsWYuGlPOn0MTf0nbjhvjqqq9EkbkLOibOVQc0p7c/" /></p>
WebRTC零基础开发者教程(中文).pdf
06-14
本文中提供下载的《WebRTC 零基础开发者教程》将以一个初学者的角度，从0开始逐步引导你掌握WebRTC开发的方方面面（当然，教程中更多的是操作性的内容，具体到技术原理和实现，显然不是本教程的讨论范畴）。
表情包
插入表情
还能输入1000个字符
相关推荐
WebRTC零基础开发者教程(纯净版)
01-12
WebRTC 简介 WebRTC，名称源自网页实时通信（Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音通话或视频聊天的技术，是谷歌2010年以6820万美元收购Global IP Solutions公司而获得的一项技术。 WebRTC提供了实时音视频的核心技术，包括音视频的采集、编解码、网络传输、显示等功能，并且还支持跨平台：windows，linux，mac，android。 虽然WebRTC的目标是实现跨平台的Web端实时音视频通讯，但因为核心层代码的Native、高品质和内聚性，开发者很容易进行除Web平台外的移殖和应用。很长一段时间内WebRTC是业界能免费得到的唯一高品质实时音视频通讯技术。 为什么需要 WebRTC 开发者教程？ 虽然WebRTC技术已经较为成熟，其集成了最佳的音/视频引擎，十分先进的codec，且包含了使用STUN、ICE、TURN、RTP-over-TCP的关键NAT和防火墙穿透等众多门槛并不低的技术。抛开音视频技术本身的复杂性外，要想找到合适的资料、完整的代码和库、配合合适的IDE和辅助工具能正常地实现编译和安装都非常的不容易，而这还只是个开始。没有靠谱的教程，你该怎么开始？那么地坑等在那，难道你打算一个一个趟过去？ 本《WebRTC 零基础开发者教程》主要讲了什么 本文中提供下载的《WebRTC 零基础开发者教程》将以一个初学者的角度，从0开始逐步引导你掌握WebRTC开发的方方面面（当然，教程中更多的是操作性的内容，具体到技术原理和实现，显然不是本教程的讨论范畴）。 《WebRTC 零基础开发者教程》目录 1 工具 1.1 depot_tools 1.1.1 目标 1.1.2 Chromium 1.1.3 使用说明在这儿 1.1.4 下载 1.1.5 使用 1.1.6 具体使用例子 1.2 Gyp工具 1.3 Python工具 1.4 本地集成开发环境（IDE ） 1.4.1 Visual studio 1.4.2 Kdevelop 1.4.3 Eclipse 2 Webrtc 2.1 下载、编译 2.1.1 Windows下 2.1.2 ubuntu下编译 2.1.3 编译Android(只能在 linux 下) 3 webrtc开发 3.1 开发P2P视频软件需要处理的问题 3.1.1 用户列的获取、交换、信令的交换 3.1.2 P2P通信 3.1.3 多媒体处理 3.2 webrtc架构 3.2.1 WebRTC架构组件介绍 3.2.2 WebRTC核心模块API介绍 3.2.3 webRTC核心API详解 4 Libjingle详细介绍 4.1 重要组件 4.1.1 信号 4.1.2 线程和消息 4.1.3 名称转换 4.1.4 SSL支持 4.1.5 连接 4.1.6 传输，通道，连接 4.1.7 候选项 4.1.8 数据包 4.2 如何工作 4.2.1 Application模块 4.2.2 XMPP Messaging Component 模块 4.2.3 Session Logic and management commponent 模块 4.2.4 Peer to peer Component 模块 4.2.5 其他 4.3 建立libjingle应用程序 5 代码分析 5.1 音频通道建立过程 5.2 音频接收播放过程 5.3 视频接收播放过程 6 协议 6.1 XMPP协议 6.1.1 原理介绍 6.1.2 XMPP 协议网络架构 6.1.3 XMPP 协议的组成 6.1.4 Xmpp介绍 6.1.5 协议内容 6.2 Stun协议 6.2.1 P2P实现的原理 6.2.2 P2P的常用实现 6.2.3 Stun URI 6.2.4 内容 6.2.5 中文内容 6.2.6 开源服务器 6.2.7 公开的免费STUN服务器 6.3 Turn协议 6.3.1 概念 6.3.2 Turn uri 6.3.3 开源服务器工程 6.3.4 开源库 6.4 交互式连接建立（Interactive Connectivity Establishment） 6.4.1 IETF规格 6.4.2 开源工程 6.5 XEP-0166 Jingle 6.5.1 绪论 6.5.2 需求 6.6 Sctp协议 6.7 Rtp协议 7 附件 7.1 Gyp工具 7.2 Google test程序 7.3 Webrtc库介绍 7.4 webrtc代码相关基础知识 7.5 STUN和TURN技术浅析 7.6 基于ICE的VoIP穿越NAT改进方案 7.7 ubuntu安装使用stuntman 7.8 一个开源的ICE库——l
WebRTC零基础开发者教程(pdf)
03-09
以一个初学者的角度,从0开始逐步引导你掌握WebRTC开发的方方面面
WebRTC实时通信系列教程2 概述
08-11 93
转载地址：https://blog.csdn.net/leytton/article/details/76696521   创建一个应用来获取摄像头视频拍照并通过WebRTC点对点分享. 你将学习使用核心WebRTC接口，并用Node创建一个消息服务器. 1、你将会学到 获取你的网络摄像头视频 使用RTCPeerConnection传输视频 使用RTCDataChannel传输数据 ...
WebRTC音视频技术入门与提高
12-27
<span style="color:#333333;">在线教育的兴起和5G时代的到来对于WebRTC来说是一次很好的机遇，现在使用WebRTC技术的公司越来越多，学习和掌握WebRTC对于音视频开发者而言已经成为必要的技术之一。 该课程将通过入门和实战，带你快速入门WebRTC开发领域，快速成为企业需要的人才。</span>
webrtc入门与实战视频教程
09-17
webrtc入门与实战视频培训课程是通过作者多年经验总结出的一套webrtc入门教程，学完此课程，你能搭建出一套android互通或者web互通或者android对web互通的webrtc服务器，此课程由浅入深讲解了从编译到完整搭建一套webrtc demo，包括apprtc房间服务、collider信令服务、coturn穿透服务，即便你没有linux基础也能搭建，让你轻轻松松入门。
音视频WebRTC实时互动直播技术实战视频（mokewang）.zip
08-10
音视频技术，WebRTC实战视频音视频WebRTC实时互动直播技术实战视频
最新webrtc视频全套教程
好专栏官方
01-03 1万+
为了满足广大朋友需要，特地制作了webrtc视频教程，此课程是作者多年经验总结出的所制作的一套webrtc快速入门教程，学完此课程，你能搭建出一套android互通或者web互通或者android对web互通的webrtc demo，此课程由浅入深讲解了从编译到完整搭建一套webrtc demo，包括apprtc房间服务、collider信令服务、coturn穿透服务，即便你没有linux基础也能
webrtc初级教程-仝利-专题视频课程
BIGBurning
02-25 578
从基础的怎么从网上下载webrtc教程开始，由浅入深讲解webrtc的整个框架。拿webrtc的经典例子peerconnection_client来讲解。从代码细节深入进去
WebRTC零基础开发教程
11-22
C++层开发是，不是WEB开发！详细叙述了webRTC源码开发架构、API、方法
WebRTC基础实践 - 1. WebRTC简介
铁锚的CSDN博客
10-14 5198
WebRTC 是一个开源的实时通信项目, 主要目标是对Web/原生App平台上的语音、视频、以及数据传输等实时通讯提供支持。 WebRTC 主要包括以下 JavaScript API(点击链接可查看相关demo)。 getUserMedia(): 获取用户设备的音频和视频. MediaRecorder: 录制音频和视频. RTCPeerConnection: 流式传输两个客户端之间的音频与视频....
webrtc零基础开发教程
11-22
webrtc零基础开发教程
WebRTC零基础开发者教程
04-04
WebRTC零基础开发者教程，从代码编译到框架介绍，到协议介绍等，都是干活
WebRTC Audio 接收和发送的关键过程
tq08g2z的专栏
07-21 2602
本文基于 WebRTC 中的示例应用 peerconnection_client 分析 WebRTC Audio 接收和发送的关键过程。首先是发送的过程，然后是接收的过程。 创建 webrtc::AudioState 应用程序择机初始化 PeerConnectionFactory： #0 Init () at webrtc/src/pc/channel_manager.cc:121 #1 In...
webrtc入门到精通（某穆课程）
huangmaoshi的博客
02-18 220
WebRTC实现了基于网页的视频会议，标准是WHATWG 协议，目的是通过浏览器提供简单的javascript就可以达到实时通讯（Real-Time Communications (RTC)）能力。 WebRTC（Web Real-Time Communication）项目的最终目的主要是让Web开发者能够基于浏览器（Chrome\FireFox\...）轻易快捷开发出丰富的实时多媒体应用，而无...
webrtc教程
康林工作室
12-08 5万+
cdsn博客不支持word文件，可到本人资源中下载word文档：       Webrtc  教程         版本0.1(2013年11月) 康林   1      工具：... 2 1.1         depot
WebRTC 零基础开发者教程（中文版）下载
elesos.com
01-11 1万+
WebRTC 简介 WebRTC，是一个支持网页浏览器进行实时语音通话或视频聊天的技术，是谷歌2010年以6820万美元收购Global IP Solutions公司而获得的一项技术。 WebRTC提供了实时音视频的核心技术，包括音视频的采集、编解码、网络传输、显示等功能，并且还支持跨平台：windows，linux，mac，android。 虽然WebRTC的目标是实现跨平台的Web端实时音...
RTMP vs. WebRTC 视频直播技术合集
TTKatrina的博客
06-21 1万+
下面就先介绍一下都有哪些推送协议，他们在直播领域的现状和优缺点。 RTMP WebRTC 基于 UDP 的私有协议 1. RTMPRTMP 是 Real Time Messaging Protocol（实时消息传输协议）的首字母缩写。该协议基于 TCP，是一个协议族，包括 RTMP 基本协议及 RTMPT/RTMPS/RTMPE 等多种变种。RTMP 是一种设计用来进行实时数据通信的网络协议，主要用
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页