WEBRTC音视频通信

OpenGL/Metal/...我们通过CSS调用，它最终在浏览器的底层调用的还是OpenGL/Metal/...index......<!-- 引入 adapter.<script src="https://webrtc.github.io/adapter/adapter-la...

第一个是与音量相关的，这个数值是从0到1.0，0就是静音 ，1.0就是最大音量。第二个是采样率，在音频里面有很多采样率，四万八，三万二，一万六，八千等，根据自己的需要设置就好了。第三个是采样大小，每一个采样大小是由多少位表示，一般情况下我们都是用16位，也就是两个字节。第四个是回...

我们今天介绍一下WebRTC 音视频采约束,通过这些 约束我们可以精确的控制音频和视频的采集数据，首先我们看看视频相关的约束。这个两个很好理解，首先视频有分辨率，视频的宽高是多少，宽高一般我们视频上有两种比例 ，一种是4:3，另一种是16:9,像320*240的，640*480，...

在之前我们已经学会了利用enumerateDevices这个API来获取到音视频设备，但是我们遇到了一个问题，如何在chrome浏览器中是可以看到音视频设备的名字的，但是在safari浏览器中却都是空白的。这就要求我们在采集音视频数据的时候，这个时候浏览器就会弹出一个窗口问你是否...

在WebRTC 1.0规范出来之前，各个浏览器厂商都在按照自己的计划在使用WebRTC，推动自己的API，这样就使得各个浏览器厂商它使用的getUserMedia的名字是不一样的，它都增加了一个自己的前缀，我们来看一个例子。这样就给前端的开发人员造成很大的麻烦，那我要想采集音视频...

var promise = navigator.mediaDevices.如果他是布尔型的话 ，video和audio都是true的话，说明既有视频数据又有音频数据 ，如果我只要其中的一项，只要音频，那就是audio等于true,video等于false，非常的简单。另一方面你把...

index.* Copyright (c) 2015 The WebRTC project authors. All Rights Reserved.* tree.<meta itemprop="image" content="../../../images/webrtc-ico...

今天我们开始学习WebRTC内容了，首先我们看一下WebRTC如何进行设备管理。* 基本格式 通过navigator.var ePromise = navigator.mediaDevices.label就是设备的名字，就是我们人可读的，比如说内置音频设备，内置音频输入设备、内置...

express专门用于处理node服务的，它里面有很多功能，我们可能只是用到里面的一小部分，这一小部分也足够我们使用了。我们前面说了http和https知识，加上我们今天讲的两个模块，我们就可以构建一个真正的wen服务器了。我们创建一个 文件夹 webserver，在里面创建一个...

我们通过nodeJS来创建一个HTTP服务，为什么这里要介绍HTPS服务呢？这主要与我们后面的例子有关，那么我们后面的例子呢，会要调用这个浏览器的音频设备和视频设备，但这些设备呢，实际是涉及到了一个个人的隐私问题，那对于Chrome来说，他对这方面的检查实际上是非常严格的，所以如...

今天我们来介绍一下nodeJS服务端的开发，nodeJS服务端的开发相对于使用C或C++服务来说要简单很多，那为什么会有这样的效果呢？最主要有两方面的原因。第一个原因就是nodeJS本身就提供了很多功能强大的模块，我们只要使用这些模块就能开发出各种各样的服务端程序，另外一个方面是...

今天我们来学习一下如何安装node.js,安装node.js的方式有两种，第一种是二进制库安装，第二种是通过源码安装。相对来说，通过二进制库安装是更方便的，因为在Ubuntu下或者Mac下或CenterOS下都有相应的安装工具，我们只要通过这个安装工具敲这条命令，那就可以直接安装...

由于是JavaScript编写的，由于安全的原因，很多浏览器例如chrome它是不允许调用本地JavaScript文件的，所以你只能把它放在Web服务器端，通过Web服务器下载到本地，然后在运行这些程序。另外一个原因是我们后面还要编写这个信令服务器 ，那么信令服务器我们也使用We...

我们此前介绍的一路音频就是一路轨，一路视频也是一路轨，这里的轨就是采取了轨道的概念，两条轨之间是永远不相交的，那么音频与视频是不相交的，单独存放。两路音频也是两路轨，也是不相交的。第二个是流，借鉴了以前传统的媒体流的概念，在传统的媒体流里面也包括了音频轨、视频轨还有字幕轨，所以这...

今天我们来介绍一些WebRTC的目录结构，大家都知道WebRTC的代码量是非常大的,所以它里面的目录也特别多，那么我们下面介绍的这些目录是大家每个人都应该要掌握的，在我们后面的学习中很有可能就修改WebRTC的代码,你要修改WebRtc的代码，你要知道它每个目录的功能及作用是什么...

我们可以简单的将这张图分成两大部分，最核心的是绿色部分，这是WebRTC库所提供的核心功能，紫色部分是浏览器提供的JavaScript API层，也就是说浏览器对WEBRTC核心层的C++API 做了一层封装，封装成了javascript接口，上层应用就是一个个箭头，有很多应用都...

Google公司为什么要开源WebRTC呢，这与谷歌公司的愿景是一致的，也就是他想在浏览器的应用之间进行非常方便的音视频实时通讯，为什么会产生这样的愿景，就是在Google看来，我们未来的技术趋势是逐渐向Web应用发展的，也就是说我们的操作系统也好，其他的应用也好，全部放在浏览器...

Agora Web SDK 支持所有主流浏览器，支持的浏览器及平台如下。除上表浏览器外，还有以下支持： Agora Web SDK 2.5 及以上版本支持 Windows XP 平台的 Chrome 49 版本浏览器（仅支持 VP8 编解码，不能与 Native SDK 互通）。...

本文主要讲述iphone手机浏览器的console.log日志如果同步到MAC电脑上。Web Inspector是Web开发人员用来在Mac和iOS设备上修改，调试和优化网站的工具。在iOS 6之前，iPhone的Safari Web浏览器具有内置的调试控制台，开发人员可用来跟踪...

console.* 访问 https://hub.myopenrainbow.com.angular.bootstrap(document, ["sdk"]).console.console.log("[DEMO] :: SDK version " + rainbowSDK.va...