教程:如何使用WebRTC建立一个视频会议App(二)
服务器接收到‘’准备好了‘’的信息并通过发送同样信息通知第一个参与者。这就开始了被称作发信的交换信息过程,因此我们需要添加相应的handlers到client.js文件中。 当第一个参与者接收到准备好了的信息时,它的反馈创建了一个RTCPeerConnection对象,设置对象的onicecandidate和onaddstream listeners为相应的onIceCandidate和onAdd
服务器接收到‘’准备好了‘’的信息并通过发送同样信息通知第一个参与者。这就开始了被称作发信的交换信息过程,因此我们需要添加相应的handlers到client.js文件中。 当第一个参与者接收到准备好了的信息时,它的反馈创建了一个RTCPeerConnection对象,设置对象的onicecandidate和onaddstream listeners为相应的onIceCandidate和onAdd
本篇博文将会提供一个关于如何使用WebRTC建立一个视频会议App的教程。 我们不会将其设计的太复杂,它将会是一个简单的一对一视频会议App,并且仅仅使用了WebRTC APIs和一些其他的library来建立一个信令服务器。 在开始之前,让我们首先进行一个快速摘要简述。 为此我们应该观察如下WebRTC通信过程的图。 WebRTC的通信过程可以看成如下三步: 1.浏览器获取媒体设备
作者:Fernando Vasquez(原文链接) 翻译:刘通 原标题:Quick Guide for STUN/TURN and WebRTC 为什么要用STUN/TURN ? 为了能让WebRTC在不同的网络之间穿行,我们就需要穿过防火墙,而且我们还要面对ISP所设置的种种限制。所以为了绕开这些限制,以及在接收端的防火墙上打开一个口让媒体通过,我们就需要依赖STUN/TURN服务
作者:deepstreamHub(原文链接) 翻译:刘通 原标题:WebRTC in production 上一篇:WebRTC教程—文件传输 这次要来说几个坏消息。之前那几篇教程中的示例可能在你的机器上运行良好。它们可能在你同事的电脑上运行也没问题。但是从扩展性来看,想要做一个世界范围的WebRTC应用还要需要克服一些困难。 浏览器限制 WebRTC目前支持最新版本的Chrome,F
作者:deepstreamHub(原文链接) 翻译:刘通 原标题:WebRTC 06: File Transfer 上一篇:WebRTC教程—屏幕共享 WebRTC使得在两个浏览器间使用data-channels和二进制数据传输任意文件成为可能。 (点击图片跳转到原文查看例子) 二进制数据在浏览器中是如何工作的 目前的这代浏览器允许你发送字节数组—有八个0或1组成的集合,可
作者:deepstreamHub(原文链接) 翻译:刘通 原标题:WebRTC 05: Screen Sharing 前一篇:WebRTC教程—音频与视频 在本篇讲解屏幕共享教程中我们并不会直接谈论到WebRTC。为什么?因为从你电脑屏幕发出的视频跟我们在上一篇“音频与视频”教程中所讲到的一样,也是媒体流,可以用完全一样的方法将其附在PeerCon
作者:deepstreamHub(原文链接) 翻译:刘通 原标题:WebRTC 03: Audio & Video 上一篇:WebRTC教程—多到多连接 一旦你知道了如何在两个对等端之间建立WebRTC连接之后,在连接中加入音频和视频流就会变得出乎意料的简单。 (点击图片跳转到原文查看例子) 首先我们需要使用浏览器的navigator.getUserMedia来获取用户麦克风和
作者:deepstreamHub(原文链接) 翻译:刘通 原标题:WebRTC 02: Many-To-Many connectivity 上一篇:WebRTC教程–数据通道 我们已经在上一篇数据通道教程中建立了一个双端之间的WebRTC连接。但是很多情况你会想要在同一个房间中与多个用户聊天,加入一个视频会议,或者与很多的人分享一个文件。 (点击图片跳转原文查看示例) 唯一的问题是:W
作者:deepstreamHub(原文链接) 翻译:刘通 原标题:WebRTC 01: Data Channels 上一篇:WebRTC教程—概述 让我们从一个简单的例子开始吧:在两个浏览器窗口之间创建一个连接,并且来回地发送文字消息。要想完成这个功能,我们就需要用到WebRTC的数据通道(data-channels)–一个基础的连接类型可以让你在两个对等端之
作者:deepstreamHub(原文链接) 翻译:刘通 想要直接用浏览器打电话给另外一个浏览器?WebRTC正是你所需要的,并且可以让你完成以前做不到的很多事情。比如说浏览器内的音视频通话,文件传输,屏幕共享,或者服务器低依赖聊天。WebRTC有着无尽的可能性,并且孕育出了全新的使用案例,比如p2p-cdns greta.io或者peer5,以及像TokBox和agora.io这样
WebRTC 中文社区由
运营