webrtcapi的简单介绍

本文目录一览：

• 1、如何用js获取ip地址
• 2、WebRTC篇:WebRTC工作原理和基础API
• 3、如何用WebRTC实现浏览器端的音视频处理?
• 4、什么是WebRTC——基本概念入门

如何用js获取ip地址

获取公共 IP 地址通过调用第三方公共 API 获取用户外网 IP，需处理跨域（CORS）问题。

使用 WebRTC APIWebRTC 是一种支持浏览器实时通信的技术，可以通过 STUN 服务器获取用户的公网 IP 地址。

核心实现步骤获取用户IP地址通过第三方IP查询服务（如api.ipify.org）获取用户IP，通常以JSONP或Fetch API形式返回数据。使用URLSearchParams构建查询参数 初始化URLSearchParams对象，可继承当前URL的已有参数（如location.search）。使用append（）方法动态添加参数（如user、ip）。

如何用js或者jquery获取客户端的IP地址：.getJSON（http：//chaxun.161net/ip.htm，function （data） {alert（data.ip）；}）.error（function （） { alert（获取IP失败请联网查询）； }） ；IP地址是指互联网协议地址（英语：Internet Protocol Address，又译为网际协议地址），是IP Address的缩写。

第一步：获取访客IP并判断归属地 为实现这一目标，我选择使用太平洋网络IP地址查询Web接口，该接口提供了较为稳定且准确的IP地址解析服务。通过调用该接口，可以获取访客的IP地址信息，进一步判断其归属地。在实现过程中，接口返回的数据格式需要进行解析。

sohu的接口内部实现没有弹起征求用户意见的提示，而在navigator.geolocation、BMap.Geolocation（）和BMap.LocalCity（）中会弹起。sohu的接口、BMap.Geolocation（）和BMap.LocalCity（）都可以获取用户的位置信息（省市、经纬度等）。

WebRTC篇:WebRTC工作原理和基础API

基本架构webrtcapi：WebRTC分为应用层、浏览器API层、核心功能层和网络传输层。应用层是开发者直接操作的层面webrtcapi，包括JavaScript API，如getUserMedia用于访问媒体设备，RTCPeerConnection用于建立P2P连接，以及RTCDataChannel用于传输任意数据。

协议基础：RTMP基于TCP协议，而WebRTC则基于UDP协议，具有更低的延迟和更好的实时性。延迟：RTMP由于TCP的三次握手和重传机制，延迟较高webrtcapi；而WebRTC通过UDP的无连接特性和快速重传机制，实现了更低的延迟。

第一步：找到对方 在 WebRTC 中，寻找对方类似于拨打电话。每个设备在拨号时需要输入对方的电话号码。然而，在 Web 应用程序中，设备之间无法直接拨打和呼叫。这是因为每个浏览器系统都有一个唯一的 IP 地址，这个 IP 地址可以用来定位。但 IP 地址在存在 NAT 设备的情况下会变得复杂。

如何用WebRTC实现浏览器端的音视频处理?

使用WebRTC实现浏览器端音视频处理的核心流程包括媒体流获取、轨道处理、点对点传输及录制保存，需结合Canvas、Web Audio等API完成复杂功能。

一旦P2P连接建立成功，双方就可以进行音视频通话。WebRTC提供了丰富的API来支持实时音视频数据的捕获、编码、传输和解码，从而确保通话的流畅性和清晰度。跨平台支持：WebRTC作为浏览器原生支持的API，可以在不同平台和设备上运行，包括桌面、移动和网页端。

在谷歌浏览器中使用WebRTC技术进行实时音视频通信，可以按照以下步骤操作：获取本地媒体：使用navigator.mediaDevices.getUserMedia（）方法访问用户的摄像头和麦克风以捕获音视频流。建立对等连接：使用RTCPeerConnection API创建一个对等连接，此连接将用于传输音视频数据。

建立WebRTC连接：与推流端建立WebRTC连接，这通常涉及到通过WebSocket或其他信号机制交换SDP信息。接收音视频流：一旦连接建立，就可以通过RTCPeerConnection对象接收来自推流端的音视频数据。解码与播放：接收到的数据需要解码并播放。

选择一个支持WebRTC的浏览器（如Chrome、Firefox等）。搭建一个Web服务器，用于托管网页应用。引入Agora SDK的JavaScript库。demo源代码解读：创建频道：通过调用SDK的createClient方法创建客户端实例，然后调用createChannel方法创建频道实例。加入频道：使用join方法将客户端加入指定的频道。

在真机或Web端调试示例中运行项目，成功后可实现音视频通话或直播功能。停止推拉流：停止推流和拉流。销毁流数据。退出房间：使用logoutRoom接口退出房间，释放资源。注意事项： 确保兼容性检测通过，以避免因浏览器不支持而导致的功能失效。

什么是WebRTC——基本概念入门

1、WebRTC是一个支持网页浏览器进行实时音视频对话的开源项目和技术标准。它提供了一套完整的API，使得开发者能够在网页上轻松实现音视频采集、编解码、网络传输和显示等功能。这些功能共同构成了实时音视频通信的基础，使得用户无需安装额外的软件或插件，即可在浏览器中直接进行音视频通话。

2、WebRTC，全称为Web Real-Time Communication，是一个开源项目，由Google、Mozilla、Opera等公司发起。它提供了一套支持网页浏览器进行实时音视频对话的W3C Javascript API，包含了音视频的采集、编解码、网络传输、显示等功能。

3、WebRTC （Web Real-Time Communication），一个可以让用户用自己流量实现音视频实时通信的框架（APIs），支持浏览器（Firefox、Chrome、Opera）以及iOS、Android 原生系统（Poor WP，默哀）。对于觉得带宽贼贵又需要实现用户之间音视频通信的公司来说，这是一个大大的福利。本系列文章会从WebRTC基本概念慢慢说起。

4、AIMD英文全称：Additive Increase Multiplicative Decrease。TCP/IP模型中，属于[运输层]，为了解决[拥塞控制]的一个方法，即：加性增，乘性减，或者叫做“和式增加，积式减少”。aimd controller是TCP底层的码率调节概念，但是WebRTC并没有完全照搬TCP的机制，而是设计了套自己的算法。

5、SDP是会话描述协议，是一种用于描述信息格式的标准，常用于实时音视频通信中交换信息。以下是关于SDP的详解：SDP的基本概念 定义：SDP不是传输协议，而是一种会话描述格式。它由ITEF组织下的Music工作组设计，用于描述实时音视频通信中的会话信息。