Webrtc Javascript API简单介绍

最新推荐文章于 2024-08-08 07:54:31 发布
最新推荐文章于 2024-08-08 07:54:31 发布
阅读量2.7k 收藏 5
点赞数 1
分类专栏： Webrtc Webrtc Javascript API 文章标签： webrtc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ice_ly000/article/details/100346405
版权

目录

1.  Webrtc技术架构简介

1.1 架构图

1.2 架构组件介绍

2 Javascript API

2.1 标准制定工作组

2.2 重要的官网文档

1.  Webrtc技术架构简介

WebRTC（Web Real-Time Communication）项目的最终目的主要是让Web开发者能够基于浏览器（Chrome，FireFox，Safari...）轻易快捷开发出丰富的实时多媒体应用，而无需下载安装任何插件，Web开发者也无需关注多媒体的数字信号处理过程，只需编写简单的Javascript程序即可实现。

W3C等组织正在制定Javascript 标准API

另外WebRTC还希望能够建立一个多互联网浏览器间健壮的实时通信的平台，形成开发者与浏览器厂商良好的生态环境。同时，Google也希望和致力于让WebRTC的技术成为HTML5标准之一，可见Google布局之深远。

1.1 架构图

  • 紫色部分是Web开发者Javascript API层（也就是红色框标内模块，也是后续一段时间先要捋清楚的一层）；
  • 蓝色实线部分是面向浏览器厂商的WebRct Native C++ API层
  • 蓝色虚线部分浏览器厂商可以自定义实现

1.2 架构组件介绍

  • Your web app
    Web开发者开发的程序，Web开发者可以基于集成WebRTC的浏览器提供的web API（Javascript API）开发基于视频、音频  的实时通信应用，这是Webrtc项目发起的初衷。

  • Web API
    面向第三方开发者的WebRTC标准API（Javascript），使开发者能够容易地开发出类似于网络视频聊天的web应用，这儿涉  及的标准化进程以及文档见后续的文章。

  •  WebRTC Native C++ API
    本地C++ API层，使浏览器厂商容易实现WebRTC标准的Web API，抽象地对数字信号过程进行处理。

  •  Transport / Session
    传输/会话层：会话层组件采用了libjingle库的部分组件实现，无须使用xmpp/jingle协议。
    - a.  RTP Stack协议栈：Real Time Protocol；
    - b.  STUN/ICE：可以通过STUN和ICE组件来建立不同类型网络间的呼叫连接；
    - c.  Session Management：一个抽象的会话层，提供会话建立和管理功能。该层协议留给应用开发者自定义实现。

  •  VoiceEngine && VideoEngine
    音频引擎是包含一系列音频多媒体处理的框架，包括从视频采集卡到网络传输端等整个解决方案，VoiceEngine是WebRTC极具价值的技术之一，是Google收购GIPS公司后开源的，在VoIP上，技术业界领先；VideoEngine是包含一系列视频处理的整体框架，从摄像头采集视频到视频信息网络传输再到视频显示整个完整过程的解决方案。

2 Javascript API

2.1 标准制定工作组

万维网联盟（W3C）和互联网工程任务组（IETF）等正在联合制定WebRtc标准。

W3C正在定义Javascript web应用程序与浏览器RTC功能进行交互需要用到的API（Javascript API）；IETF正在开发供浏览器RTC功能用来与其他浏览器或互联网通信终端进行通信的协议。

W3C的工作以WEBRTC工作组为中心开展，IETF的工作围绕RTCWEB（实时通信web）工作组开展，这两个工作组相互独立，但彼此之间密切配合，并且有许多共同的参与者和撰稿人。

2.2 重要的官网文档

1. W3C的WEBRTC工作组提供了Webrtc官网参考文档，该文档涵盖的HTML中的对等通信和视频会议有许多方面，定义了用于这些功能的API：

  • 实现P2P通信的NAT穿越相关技术，如ICE，STUN，TURN
  • 将本地生成的媒体轨道发送到远程对等端，并从远程对等端接收媒体轨道
  • 直接向远程对等方发送任意数据。

2. 另外W3C的Media Capture Task Force工作组提供了浏览器捕获本地媒体设备和媒体流的API，参考文档 媒体捕获和流媒体官方文档

3. 后续的Javascript API的使用以及分析文章，将不断引述两个参考文档。

ice_ly000
关注
专栏目录
一文学会WebRTC API：掌握实时通信利器
bjxiaxueliang的CODING技术小馆
10-17 971
WebRTC（Web Real-Time Communication）是一项开放标准和技术集合，由 W3C 和 IETF 等组织共同推动和维护，旨在通过Web浏览器实现实时通信和媒体流传输。WebRTC于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳入万维网联盟的W3C推荐标准，其提供了一组API和协议，使开发者能够在浏览器中构建实时音视频通信、数据传输和协作应用。目前WebRTC已得到包括主流的Web浏览器（如Chrome、Firefox、Safari）和移动设备平台的广泛的
WEBRTC的js实现
11-08
WebRTC，名称源自网页即时通信（英语：Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的API。它于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳入万维网联盟的W3C推荐标准。
JavaScriptAPI之网络实时通信（WebRTC）
上善若泪
05-11 2674
目录 1 网络实时通信概述 2 getUserMedia 2.1 概述 2.2 范例：获取摄像头 2.3 范例：捕获麦克风声音 2.4 捕获的限定条件 2.5 MediaStreamTrack.getSources() 3 RTCPeerConnectionl，RTCDataChannel 3.1 RTCPeerConnectionl 3.2 RTCDataChannel 3...
JSWebrtc - 支持SRS的WebRTC播放器使用指南
最新发布
gitblog_00800的博客
08-08 692
JSWebrtc - 支持SRS的WebRTC播放器使用指南 jswebrtcJSWebrtc – 支持 SRS 的 Webrtc 播放器项目地址:https://gitcode.com/gh_mirrors/js/jswebrtc 1、项目介绍 关于JSWebrtc JSWebrtc是一款专为浏览器设计的WebRTC轻量级封装库，旨在简化WebRTC技术的使用难度，让开发者能够更轻松地实现流媒...
webrtc在js里的实现
dualvencsdn的博客
08-23 2799
在上述示例中，首先通过getUserMedia()方法获取媒体设备流，然后使用RTCPeerConnection建立点对点连接，并将媒体流加入连接中。同时，还可以使用createDataChannel()方法创建数据通道，并通过onopen和onmessage事件监听数据通道的状态和数据传输。WebRTC（Web Real-Time Communication）是一项开放的浏览器技术，它允许浏览器之间建立点对点（peer-to-peer）连接，实现音频、视频、文件的传输和通信。
WebRTC的JS例子，自己编写的，分两端
11-04
自己编写的WebRTC的JS例子。google的PC1，把本端和远端都合在一起了，初学者容易混淆。写了个小例子，分为本端和远端。可以通过手工拷贝SDP和ICE信息，进行呼叫接续。感觉流程比较清晰，可供初学者使用。 测试时，需要自己跑一个STUN服务器，并在代码中进行配置。 1、callee是主叫，called是被叫。 2、var servers = {"iceServers": [{"urls": "stun:192.168.2.11:3478"}]};是配置STUN服务器地址。 3、运行过程： 1）主叫页面点击启动 2）将主叫页面的本端SDP拷贝出来，放到被叫页面的对端SDP，点击被叫页面的启动。 3）将被叫页面的本端SDP拷贝出来，放到主叫页面的对端SDP，点击接收对端SDP。 4）将被叫页面的本端ICE拷贝出来，放到主叫页面的对端ICE，点击接收对端ICE，呼叫接通。注意，如果有多个ICE，需要分开，一条条输入。 4、输入对端SDP，界面没有提示，可以通过调试信息，查看正确与否。在chrome下，按F12查看调试。
【Javascript】【WebRTC】WebRTC从原理到实现（八）：客户端代码
天天向上 Up Up Up (*^▽^*)
01-11 1243
let state = -1; let roomid = "10086"; let peerId; let peerName; let peerConnection; let socket; //信令服务器 const signalServer = "ws://120.197.7.239:1991"; //ICE服务器 const iceServer = { "iceServers": ...
webrtc中文Api
05-02
对于希望利用WebRTC Native APIs实现WebRTC JavaScript APIs或开发本地RTC应用程序的程序员和工程师来说，这篇文档是非常有价值的参考资料。 #### 二、模块架构与调用序列 ##### 1. 模块架构图 WebRTC Native ...
WebRtc中文API1
08-08
本文档主要针对想要使用 WebRTC Native APIs 实现 JavaScript APIs 或开发本地 RTC 应用的程序员。 1. **新内容**： 新版本的 WebRTC Native APIs 包含了 Stream APIs 的实现。这一改变使得视音频媒体通过 ...
webrtc-api-getuserMedia:此存储库包含自定义WebRTC API的示例
05-22
webrtc-api-getuserMedia 此存储库包含自定义WebRTC API的示例。 运行示例 安装依赖项npm install 运行getUserMedia示例： npm run gum
twilio-webrtc.js:twilio-video.js使用的与WebRTC相关的API和垫片
04-29
twilio-webrtc.js twilio-webrtc.js包含twilio-video.js使用的各种WebRTC垫片。 它不适合一般消费。 安装 npm install --save @twilio/webrtc 出口产品 可以使用以下WebRTC API垫片： const { getStats , getUserMedia , MediaStream , MediaStreamTrack , RTCIceCandidate , RTCPeerConnection , RTCSessionDescription } = require ( '@twilio/webrtc' ) ; getStats getStats使用活动的ICE候选对以及特定RTCPeerConnection每个MediaStreamTrack （本地或远程）的归一化WebRT
webrtc - API and RTCWEB protocols of the HTML5
01-03
官方推荐的一本很好的书籍，里面涉及的webrtc的大部分知识，对了解webrtc系统基础知识有很大帮助，一起学习！
JSWebrtc简易播放器-其他
06-12
JSWebrtc是一个支持SRS的Webrtc播放器。 JSWebrtc对浏览器的Webrtc做了简单的封装，支持SRS的RTC流的播放。 用法： JSWebrtc播放器可以通过HTML创建，只需给指定元素添加CSS样式jswebrtc即可: div class="jswebrtc" data-url="" 也可以通过在 JavaScript 中调用 JSWebrtc.Player() 构造方法来创建: var player = new JSWebrtc.Player(url [, options]); 参数url是一个webrtc开头的地址 (webrtc://...). 参数options支持下列的配置项: video – 用于播放视频的 HTML Video 元素. autoplay - 是否自动播放. 默认 false. onPlay(player) – 播放后回调 onPause(player) – 暂停后回调 JSWebrtc.Player API 实例JSWebrtc.Player支持以下方法和属性: .play() – 开始 .pause() – 暂停 .stop() – 停止 .destroy() – 停止播放并清理相关的播放资源. .paused – 只读, 是否暂停播放
irac-WebRTC:Servidor WebRTC JavaScript修改后的装备37
03-26
5. **MediaStream API**：在JavaScript中，MediaStream API用于获取用户的摄像头和麦克风输入，然后可以将这些流传递给RTCPeerConnection对象，以便在WebRTC连接中使用。 6. **DataChannels**：除了音频和视频流外...
【Javascript】【WebRTC】WebRTC从原理到实现（三）：TURN服务器
天天向上 Up Up Up (*^▽^*)
12-18 722
TURN的全称为Traversal Using Relay NAT，翻译成中文就是“通过中继穿透NAT” 在复杂的NAT实现下，STUN无法穿透NAT，这时就要通过中继服务器来实现穿透
WebRTC播放组件之 jswebrtc 使用与详述
m0_67793437的博客
06-14 2357
gitHub 地址gitee地址（gitHub地址一般访问不上，这里找到一个可用的 gitee 地址）（推荐使用）WebRTC(Web Real-Time Communications) 是 RTC 的一部分，是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流/音频流或者其他任意数据的传输。JSWebrtc 是基于 SRS 实时视频服务器、对浏览器支持的WebRTC基础功能的封装。
【开发教程】如何使用Javascript构建WebRTC视频直播？
音视频流媒体技术
04-15 2620
WebRTC是一个免费的开源项目，它通过简单的API为浏览器和移动应用程序提供实时通信功能。本文将向你展示WebRTC的基本概念和功能，并指导你使用Node.js构建自己的WebRTC视频直播。 先决条件： 具有Java经验 掌握Socket.io基本知识 WebRTC基础 WebRTC支持在网络世界中进行实时通信，主要用于在网络上传输视频和音频数据。 在开始编写代码之前，我们首先来看一下WebRTC的最重要概念。 信令： WebRTC用于浏览器中的通信流，但还需要一种机制来协调通信并发送控制消息
Linux平台下WebRTC音视频获取（Javascript API）
zxygww的专栏
03-17 735
http://blog.csdn.net/temotemo/article/details/7520175 测试平台： 操作系统：Ubuntu 11.04 一、下载并安装WebKit库 1、Linux Ubuntu 11.04或11.10版本 2、安装Ericsson Labs public GPG key 命令： [cpp] view
【译】WebRTC API
671coder的专栏
04-28 895
翻译自：WebRTC APIMDN web docs 互用性 WebRTC 概念及使用方法 WebRTC 接口 连接设置与管理 身份和安全 电话技术 指导 辅导材料 手册 另请参阅 WebRTC(Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Pe...
WebRTC Native API中文文档详解：从Stream到PeerConnection
WebRTC中文Api文档是一份专注于介绍如何使用WebRTC Native APIs来实现WebRTC JavaScript API功能的指南，适合那些希望开发本地实时通信（RTC）应用的程序员和工程师。这份文档的最新版本是在开源项目libjingle中维护...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值