通过WebRTC实现实时视频通信(二)

通过WebRTC实现实时视频通信(一)

通过WebRTC实现实时视频通信(二)

通过WebRTC实现实时视频通信(三)

在上一篇文章中,我们讲解了WebRTC的概述、历史、安全性和开发者工具。接下来我们通过WebRTC的三个API来具体的讲解构建WebRTC的流程,这篇文章会对MediaStream进行讲解。

MediaStream (别名 getUserMedia)

MediaStream API 代表媒体数据流的同步。举个例子,从相机获取的视频流的同步和跟踪。

理解MediaStream最简单的方法应该就是看看它的实际应用:

  1. 在Chrome或Opera中, 打开这个demo simpl.info/gum
  2. 打开命令行。
  3. 查看全局范围的数据流变量。

每个MediaStream都有一个输入,这个输入可以理解成MediaStream生成的一个导航器。getUserMedia()可以传输视频元素或者是RTCPeerConnection。

getUserMedia()方法有三个参数:

  • 一个 约束对象
  • 一个成功的回调,如果成功会回传一个MediaStream
  • 一个失败的回调,如果失败会回传一个error对象。

每个MediaStream都有一个标签,像‘Xk7EuLhsuHKbnjLWkW4yYGNJJ8ONsgwHBvLQ‘一样,getAudioTradks()和getAudioTracks()方法会回传一个MediaStreamTracks对象的数组。

针对 simpl.info/gum 这 个例子来说,stream.getAudioTracks() 返回了一个空数组 (因为没有音频) , 假设已经有一个摄像头连接成 功,getVideoTracks()会返回一个MediaStreamTrack对象的数组, 这个数组代表从摄像头得到的数据流。每个 MediaStreamTrack都有一个类型 (‘video‘ 或 ‘audio‘), 和一个标签(代表一个或多个频道的音频或视频),在这个例子 中,只有video track,但是很容易想象到可以用到这个例子的地方,比如一个聊天应用程序的前置摄像头、后置摄像头,一个屏幕分享软件等等。

在Chrome或Opera中, URL.createObjectURL() 方法把MediaStream 转换成了一个 Blob URL,Blob URL可以看成一个视频元素的src。 (在Firefox和Opera中,视频的src可以通过数据流本身设定)。

getUserMedia 也可以作为网络音频API的输入节点

。。。。。

原文来自:通过WebRTC实现实时视频通信(二)

时间: 2024-07-30 22:42:44

通过WebRTC实现实时视频通信(二)的相关文章

通过WebRTC实现实时视频通信(三)

通过WebRTC实现实时视频通信(一) 通过WebRTC实现实时视频通信(二) 通过WebRTC实现实时视频通信(三) 在这篇文章中我们继续了解WebRTC的相关API,RTCPeerConnectiont和RTCDataChannel. RTCPeerConnection RTCPeerConnection是是WebRTC的组件,用来解决数据流通信的稳定性和高效性.下面这张是WebRTC的架构图,展示了RTCPeerConnection的规则,你会发现,绿色的部分是相当复杂的. 从JavaSc

通过WebRTC实现实时视频通信(一)

通过WebRTC实现实时视频通信(一) 通过WebRTC实现实时视频通信(二) 通过WebRTC实现实时视频通信(三) WebRTC,名称源自网页实时通信(Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的API.它于2011年6月1日开源并在Google.Mozilla基金会.Opera支持下被包括进万维网联盟的W3C推荐标准. 不需要插件的实时通信 想像一下,如果你的手机.电视.电脑都可以通过一个平台进行通信,想像一下你可以在We

Netty入门之客户端与服务端通信(二)

Netty入门之客户端与服务端通信(二) 一.简介 在上一篇博文中笔者写了关于Netty入门级的Hello World程序.书接上回,本博文是关于客户端与服务端的通信,感觉也没什么好说的了,直接上代码吧. 二.客户端与服务端的通信 2.1 服务端启动程序 public class MyServer { public static void main(String[] args) throws InterruptedException { EventLoopGroup bossGroup = ne

Handler与线程通信(二)

1. 准备Looper对象 2. 在WorkerThread当中生成Handler对象 3. 在MainThread当中发送消息 这个过程与上一篇相反 由MainThread里面的Handler发送消息, WorkerThread里面的HandlerMessage来处理 Handler与线程通信(二)

iOS开发之使用XMPPFramework实现即时通信(二)

上篇的博客iOS开发之使用XMPPFramework实现即时通信(一)只是本篇的引子,本篇博客就给之前的微信加上即时通讯的功能,主要是对XMPPFramework的使用.本篇博客中用到了Spark做测试,当然也少不了Openfire服务器,在这就不详述Openfire的安装过程了(网上的教程还是蛮多的),Openfire的安装仅需要一个数据库的支持,本篇是用的MySql数据库.当然这不是本篇的重点. 废话少说,切入今天的正题.今天要给之前的微信加入登陆,获取好友列表,聊天(发送文字,表情,图片,

Android客户端与PHP服务端通信(二)

概述 本节通过一个简单的demo程序简单的介绍Android客户端通过JSON向PHP服务端提交订单,PHP服务端处理订单后,通过JSON返回结果给Android客户端.正常来讲,PHP服务端在处理订单过程中,需要与MySQL数据库交互,这里为了简单起见,暂时省掉MySQL. 通信格式 首先,需要定下客户端与服务端之间通信格式,如下表 Android客户端 客户端与服务端采用JSON数据格式通信,同时采用HTTP通信协议交互,采用POST方式提交结果.同时还要注意一点,与WEB服务器通信的过程需

一起talk C栗子吧(第一百四十八回:C语言实例--socket通信二)

各位看官们,大家好,上一回中咱们说的是socket通信的例子,这一回咱们继续说该例子.闲话休提,言归正转.让我们一起talk C栗子吧! 看官们,我们在上一回中介绍了套接字的通信步骤,限于时间的原因, 我们只介绍了流套接字的通信步骤.这一回中我们将介绍数据报套接字的通信步骤. 下面是客户端和服务器端实现通信的详细步骤: 客户端实现通信的步骤: 1.创建客户端套接字(socket): 2.设置客户端套接字的属性:域,类型和协议: 3.通过操作客户端套接字来实现客户端与服务器的通信(sendto,r

WebRTC的学习(二)

英文原文的链接地址为:https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Overview WebRTC是由一些关联的API和协议一起协作,支持两个或多个终端之间交换数据和媒体信息的技术.这篇文章提供了这些APIs的介绍和提供的功能. RTCPeerConnection 在媒体能够交换,或者数据通道建立之前,你需要把两个终端连接起来.这个连接过程的完成就是使用RTCPeerConnection 接口. MediaStream M

重学STM32---(十) ——CAN通信(二)

CAN协议是非常难的,但是在stm32中却是简单的,只需要我们配置寄存器即可,,,即使这样,我在学习的时候也遇到了许多困难 1.开时钟,不用说 2.设置GPIO口,,CAN_TX复用推挽输出,CAN_RX上拉或浮空输入 3.CAN初始化了,分三步 (1) 一般设置 /*对CAN初始化*/ CAN1->MCR |= 1 << 15; //软复位 CAN1->MCR &= ~(1 << 1); //退出睡眠模式 (郁闷,忘退出睡眠模式了,折腾了半天) CAN1-&g