文档章节

认识和入门 WebRTC

chenbilly
 chenbilly
发布于 2016/05/23 12:11
字数 901
阅读 618
收藏 21
点赞 2
评论 0

WebRTC,名称源自网页即时通讯(英语:Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的API。它于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳入万维网联盟的W3C推荐标准

一、引言 最近有在关注Google IO 2016的同学应该知道,google发布了新的一款视频聊天工具Duo(http://www.coolapk.com/apk/com.google.android.apps.tachyon),这款应用是基于 Google全新的QUIC和WebRTC协议开发的,也就是我们今天这篇文章需要介绍的主角WebRTC。

二、它是什么 正如导语所言WebRTC是一种视频通话的一种标准,目的是通过浏览器提供简单的JS就可以达到实时通讯的能力.除了Safari之外,主流的Chrome,Firefox,Opera已经在最新的浏览器中支持WebRTC很久了,Firefox更利用WebRTC制作了Hello应用,有兴趣的同学可以在Firefox浏览器的右上角找到它,并快速的发起一个视频会议。

三、过程描述 只需要做到以下的十步,你就可以完成一个简单的WebRTC视频应用了。

progress

  1. 从本地的设备中获取一个MediaStream 对象
  2. 从本地 MediaStream中获取一个URL blob
  3. 使用获得的URL blob在本地设备中做预览
  4. 创建一个RTCPeerConnectiond对象
  5. 将本地Stream添加到步骤4中创建的Connection对象中
  6. 发你的本地session 描述到远程服务器.
  7. 接受远程设备的远程session 描述
  8. 处理你接受到的远程session描述,并将远程stream添加到你的RTCPeerConnectiond。
  9. 通过远程的stream,获取它的URL blob。
  10. 使用获取到的URL blob去播放远程设备的音频和视频。

至此10步,我们就完成了一个简单的1:1视频的过程了.

四、主要的API描述

WebRTC原生APIs文件是基于WebRTC规格书[1]撰写而成,这些API可分成Network Stream API、 RTCPeerConnection、Peer-to-peer Data API三类。

###Network Stream API### MediaStream:MediaStream用来表示一个媒体数据流。 MediaStreamTrack在浏览器中表示一个媒体源。

###RTCPeerConnection### RTCPeerConnection:一个RTCPeerConnection对象允许用户在两个浏览器之间直接通讯。 RTCIceCandidate:表示一个ICE协议的候选者。 RTCIceServer:表示一个ICE Server。

###Peer-to-peer Data API### DataChannel:数据通道(DataChannel)接口表示一个在两个节点之间的双向的数据通道。

五、学习的资源

针对于WebRTC的爱好学习者,本文罗列了一些学习的资源(干货)供大家参考。

  1. WebRTC Home
  2. WebRTC Android
  3. WebRTC iOS
  4. WebRTC G
  5. Muaz Kha 大神
  6. Github list

参考示例:

  1. AppRTC Github
  2. AppRTC DEMO
  3. Hublin Github
  4. Hublin DEMO
  5. AppStore 搜WebRTC ---> 一堆应用基于WebRTC

第三方接入服务:

  1. pubnub
  2. tokbox
  3. oovoo
  4. sinch

书籍(PPT)下载:

  1. WebRTC Tutorial
  2. WebRTC G PPT
  3. Real-time-communication-with-webrtc-peer-to-peer-in-the-browser
  4. WebRTCIEEE

##版权申明

版权归原作者所有,这里仅做收集整理,欢迎自由转载-非商用-非衍生-保持署名和链接。

本文中内容将持续更新。

ps:本文作者系代码牛(面对面的技术分享平台)讲师keepcleargas,正在进行基于WebRTC的学习和开发,有兴趣的可关注 代码牛 公众号,获取最新的WebRTC项目的最新博客信息.

© 著作权归作者所有

共有 人打赏支持
chenbilly
粉丝 16
博文 9
码字总数 7714
作品 0
杭州
程序员
了不起的WebRTC:生态日趋完善,或将实时音视频技术白菜化

本文原文由声网WebRTC技术专家毛玉杰分享。 1、前言 有人说 2017 年是 WebRTC 的转折之年,2018 年将是 WebRTC 的爆发之年,这并非没有根据。就在去年(2017年),WebRTC 1.0 标准草案出炉(...

JackJiang2011 ⋅ 06/04 ⋅ 0

学习多媒体开发的正确姿势?陈功:看书 啃代码 搞插件

陈功说,要想学好多媒体开发,首先需要兴趣,接下来还需要好的方法。LiveVideoStack邮件采访了声网Agora首席WebRTC架构师,畅聊了自己的成长经历,WebRTC的演进趋势等。陈功表示,WebRTC的未...

vn9plgzvnps1522s82g ⋅ 04/13 ⋅ 0

5月19-20日WebRTCon 2018 梳理全球WebRTC技术实践与案例

4月17日,距离WebRTCon 2018举行还有一个多月的时间,这是由音视频技术社区LiveVideoStack发起的WebRTC生态大会。大会将聚焦WebRTC技术实践与应用案例两大主线,旨在为WebRTC的7年长跑做一次...

vn9plgzvnps1522s82g ⋅ 04/17 ⋅ 0

鹅厂优文|打通小程序音视频和webRTC

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 作者:腾讯视频云终端技术总监常青, 2008 年毕业加入腾讯,一直从事客户端研发相关工作,先后参与过 PC QQ、手机QQ、QQ物联 等产...

腾讯云加社区 ⋅ 05/04 ⋅ 0

WebRTC技术大会将于5月19日在上海举行

一场WebRTC技术大会即将在上海上演,这是一次面向全球的WebRTC技术的技术实践和应用案例的梳理与展示,预计将有超过250名的多媒体开发工程师、技术负责人、产品负责人及高端行业用户出席本次...

LiveVideoStack ⋅ 05/02 ⋅ 0

WebRTC的拥塞控制和带宽策略

网络的波动带来的卡顿直接影响着用户的体验,在WebRTC中设计了一套基于延迟和丢包反馈的拥塞机制(GCC)和带宽调节策略来保证延迟、质量和网路速度之间平衡,本文中重点是介绍基于trendline...

caoshangpa ⋅ 05/29 ⋅ 0

吴涛 :低延迟传输协议和新Codec将成为热点

和许多沉浸在多媒体行业多年的技术人一样,吴涛也经历了十多年的摸爬滚打对这一行业不离不弃。用他的话说,没有离开是因为“惰性”。他说,自已远未达到脱颖而出的境界,只是将所学技术和经验...

LiveVideoStack ⋅ 05/07 ⋅ 0

【Win7 x64 + VS2010 SP1成功编译WebRTC】

bill愚钝,几经折腾才编译成功,故写下博文记之,以节约后来者的时间。 其实整个过程按照GOOGLE WEBRTC官网的步骤一步一步无遗漏地做便可。只是最后可能遇到一些编译时错误以及VS2010上的配置...

技术小胖子 ⋅ 2017/11/16 ⋅ 0

Intel CS for webrtc的视频会议测试

1.Intel CS for webrtc的视频会议测试 2.接包方写一个详细的文档,介绍如何搭建intel CS for webrtc的视频会议的测试 3.发包方按文档在自己的环境中搭建出视频会议,多个android和浏览器一起...

北京清扬创新网络科技有限公司 ⋅ 04/12 ⋅ 0

Facebook视频支持AV1

Facebook尝试在自己的视频服务中使用AV1编码,并通过“切片+分布式”的方式解决AV1编码延迟的问题。LiveVideoStack对文章进行了翻译。 文 / Daniel Baulig,Yu Liu 译 / 蒋默邱泽 审校 / 包研...

LiveVideoStack ⋅ 04/29 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

知乎Java数据结构

作者:匿名用户 链接:https://www.zhihu.com/question/35947829/answer/66113038 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 感觉知乎上嘲讽题主简...

颖伙虫 ⋅ 今天 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

PXE/KickStart 无人值守安装

导言 作为中小公司的运维,经常会遇到一些机械式的重复工作,例如:有时公司同时上线几十甚至上百台服务器,而且需要我们在短时间内完成系统安装。 常规的办法有什么? 光盘安装系统 ===> 一...

kangvcar ⋅ 昨天 ⋅ 0

使用Puppeteer撸一个爬虫

Puppeteer是什么 puppeteer是谷歌chrome团队官方开发的一个无界面(Headless)chrome工具。Chrome Headless将成为web应用自动化测试的行业标杆。所以我们很有必要来了解一下它。所谓的无头浏...

小草先森 ⋅ 昨天 ⋅ 0

Java Done Right

* 表示难度较大或理论性较强。 ** 表示难度更大或理论性更强。 【Java语言本身】 基础语法,面向对象,顺序编程,并发编程,网络编程,泛型,注解,lambda(Java8),module(Java9),var(...

风华神使 ⋅ 昨天 ⋅ 0

Linux系统日志

linux 系统日志 /var/log/messages /etc/logrotate.conf 日志切割配置文件 https://my.oschina.net/u/2000675/blog/908189 logrotate 使用详解 dmesg 命令 /var/log/dmesg 日志 last命令,调......

Linux学习笔记 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部