首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

'RTCPeerConnection‘没有可见的@接口声明了选择器'setLocalDescription:’

RTCPeerConnection是WebRTC(Web实时通信)中的一个关键接口,用于在浏览器之间建立点对点的实时通信连接。它允许浏览器之间进行音视频通话、文件共享等实时通信操作。

RTCPeerConnection接口没有可见的@接口声明了选择器'setLocalDescription:'是因为'setLocalDescription'不是一个选择器,而是RTCPeerConnection接口的一个方法。该方法用于设置本地描述,即设置本地浏览器的SDP(会话描述协议)信息,用于建立通信连接。

RTCPeerConnection接口的一些常用方法和属性包括:

  • createOffer():创建一个SDP offer,用于发起通信连接。
  • createAnswer():创建一个SDP answer,用于应答通信连接。
  • setLocalDescription():设置本地描述,即设置本地浏览器的SDP信息。
  • setRemoteDescription():设置远程描述,即设置对方浏览器的SDP信息。
  • addIceCandidate():添加ICE(Interactive Connectivity Establishment)候选者,用于进行NAT穿越和防火墙遍历。
  • onicecandidate:当ICE候选者可用时触发的事件。
  • ontrack:当远程媒体轨道可用时触发的事件。

RTCPeerConnection的应用场景包括:

  • 实时音视频通话:可以通过RTCPeerConnection建立点对点的音视频通话,实现实时的语音通话或视频通话。
  • 文件共享:可以通过RTCPeerConnection传输文件,实现浏览器之间的文件共享功能。
  • 远程协作:可以通过RTCPeerConnection实现远程协作,例如远程团队成员之间的实时协作和交流。

腾讯云提供了一系列与WebRTC相关的产品和服务,包括:

  • 实时音视频(TRTC):提供了一站式实时音视频云服务,包括音视频通话、直播、互动白板等功能。详情请参考:腾讯云实时音视频(TRTC)
  • 云直播(CSS):提供了高可用、高并发的云端直播服务,支持实时音视频的推流和播放。详情请参考:腾讯云云直播(CSS)
  • 云通信(IM):提供了一套稳定可靠的即时通信服务,支持文字、语音、视频等多种通信方式。详情请参考:腾讯云云通信(IM)

以上是关于RTCPeerConnection的简要介绍和相关腾讯云产品的推荐。如需了解更多详细信息,请参考腾讯云官方文档或联系腾讯云客服。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • WebRTC 点对点直播

    如果你用过会会影的话,应该对轨道这个词不陌生。通俗来讲,你可以认为两者就是等价。 MediaStream 是一个完整音视频流。它可以包含 >=0 个 MediaStreamTrack。...有了自己视频之后,那如何与其他人共享这个视频呢?(可以理解为直播方式) 在 WebRTC 中,提供了 RTCPeerConnection 方式,来帮助我们快速建立起连接。...PeerConnection 建立 假定,我们现在已经通过 socket.io 建立起了一个信息交流通道。那么我们接下来就可以进入 RTCPeerConnection 一节,进行连接建立。...不过,上面只是简单确立了两端连接信息而已,还没有涉及到视频信息传输,也就是说 UDP 传输。...如果,此时你没有目标机器 entry的话,那么该次 UDP 包将不会被转发成功。不过,如果你是 client-server 形式的话,就不会遇见这样问题。

    10.1K20

    Web前端WebRTC攻略(四) 媒体协商与SDP简析

    真正媒体数据,则是通过 RTCPeerConnection 进行传输。 比如包含什么媒体流/轨,或者是我编码是否被对方解码器所支持等等这些问题,则通过 SDP 作为载体告诉给对方。...在没有建立 WebRTC 连接传输数据前,首先需要让本地端和远端确认彼此共同支持媒体能力。如:音视频编解码器、使用传输协议、IP 端口和传输速率等等。...发起端调用 RTCPeerConnection.createOffer 创建一个offer,并调用 setLocalDescription 设置本地 SDP。...应答端调用 RTCPeerConnection.createAnswer 创建一个 answer,并调用 setLocalDescription 设置本地 SDP。...SDPLine 没有统一 Schema 描述,也就是没有一个固定规则能解析所有 Line,SDPGrammer 只是描述了 SDP 相关属性,具体每个属性表达需要根据属性定义 IETFRFC4556

    2.2K11

    webrtc开发入门_统计简单应用

    但实现没有标准化,比如http、websocket、xmpp等。...4、信令交互和RTCPeerConnection建立 WebRTC使用RTCPeerConnection建立连接传送流数据,在建立RTCPeerConnection实例之后,想要建立点对点信道,需要做两件事...甲通过PC所提供createOffer()方法建立一个包含甲SDP描述符offer信令 甲通过PC所提供setLocalDescription()方法,将甲SDP描述符交给甲PC实例 甲将...()方法建立一个包含乙SDP描述符answer信令 乙通过PC所提供setLocalDescription()方法,将乙SDP描述符交给乙PC实例 乙将answer信令通过服务器发送给甲 甲接收到乙...1、对等连接 RTCPeerConnection接口是WebRTC主要API,用来在P2P端建立媒体连接及数据连接路径。

    1.1K10

    WebRTC介绍及简单应用

    但实现没有标准化,比如http、websocket、xmpp等。...4、信令交互和RTCPeerConnection建立 WebRTC使用RTCPeerConnection建立连接传送流数据,在建立RTCPeerConnection实例之后,想要建立点对点信道,需要做两件事...PC实例 甲通过PC所提供createOffer()方法建立一个包含甲SDP描述符offer信令 甲通过PC所提供setLocalDescription()方法,将甲SDP描述符交给甲PC实例...()方法建立一个包含乙SDP描述符answer信令 乙通过PC所提供setLocalDescription()方法,将乙SDP描述符交给乙PC实例 乙将answer信令通过服务器发送给甲 甲接收到乙...1、对等连接 RTCPeerConnection接口是WebRTC主要API,用来在P2P端建立媒体连接及数据连接路径。

    6K20

    WebRTC 前端实时通信技术

    :要交换媒体类型(音频、视频及应用数据)、网络传输协议、使用编解码器及其设置、带宽及其他元数据; (2) WebRTC内置了 ICE框架,负责候选项发现、连接检查、持久化等等,这部分工作对开发者是不可见...A 调用 RTCPeerConnection.setLocalDescription() 设置得到SDP(A) 信息; (3) A 通过信令通道将SDP(A) 信息发送给 B; (4)...() 创建一个应答描述 SDP(B); (6) B 调用RTCPeerConnection.setLocalDescription() 设置得到 SDP(B) 信息; (7) B...值得称赞是,连接成功建立之后并不代表 ICE 代理工作已经结束了,实际上此时 ICE 代理会继续收集本地候选项,意在找到一个更稳定连接路径,这个过程对我们是不可见。...从这些库对穿透这块代码上来看并没有什么与众不同之处,更多是在 STUN 无法穿透时配置了 TURN 来中转数据。

    4.6K20

    鹅厂原创 | React性能探索 --- 避免不必要渲染

    我们需要对对方支持音频和视频编解码器等电脑软硬件信息有所了解 当我们互相拿到了对方地址和电脑软硬件信息后,就可以通过RTCPeerConnection对象来建立连接了。...NAT网络 这类网络主机在私有内网中,没有单独公网IP,STUN协议就是解决此网络问题 首先发一个请求给STUN服务器,以开启STUN协议,之后服务器识别出发出请求客户端IP地址,并将其返回给客户端...window.RTCPeerConnection; } 2.可以通过配置自己STUN服务器地址,或者不写配置使用浏览器默认STUN服务器地址,来创建两个RTCPeerConnection对象来模拟连接...youConnection.createOffer(offerOptions)    .then(function(offer){        console.log(offer);        youConnection.setLocalDescription...           .then(function(answer){                console.log(answer);                otherConnection.setLocalDescription

    44530

    WebRTC学习笔记——建立连接

    ,需要获取到对方IP地址和端口号 2.我们需要对对方支持音频和视频编解码器等电脑软硬件信息有所了解 当我们互相拿到了对方地址和电脑软硬件信息后,就可以通过RTCPeerConnection对象来建立连接了...现实网络环境有三种情况: 公共网络 这类网络IP之间可以不受限制地进行互相访问 NAT网络 这类网络主机在私有内网中,没有单独公网IP,STUN协议就是解决此网络问题 首先发一个请求给STUN服务器,...window.RTCPeerConnection; } 2.可以通过配置自己STUN服务器地址,或者不写配置使用浏览器默认STUN服务器地址,来创建两个RTCPeerConnection对象来模拟连接...offerOptions) .then(function(offer){ console.log(offer); youConnection.setLocalDescription...then(function(answer){ console.log(answer); otherConnection.setLocalDescription

    2K80

    抛弃websocket,前端直接打通信道,webRTC搭建音视频聊天

    WebRTC应运而生 WebRTC是一个开源项目,旨在使得浏览器能为实时通信(RTC)提供简单JavaScript接口。说简单明了一点就是让浏览器提供JS即时通信接口。...这个接口所创立信道并不是像WebSocket一样,打通一个浏览器与WebSocket服务器之间通信,而是通过一系列信令,建立一个浏览器与浏览器之间(peer-to-peer)信道,这个信道可以发送任何数据...WebRTC 三个接口 WebRTC实现了三个API,分别是: * MediaStream:通过MediaStreamAPI能够通过设备摄像头及话筒获得视频、音频同步流 * RTCPeerConnection...()方法来获得流追踪对象数组(如果没有开启某种流,它追踪对象数组将是一个空数组) 约束对象(Constraints) 约束对象可以被设置在getUserMedia()和RTCPeerConnection...WebRTC没有定义用于建立信道信令协议:信令并不是RTCPeerConnection API一部分 信令 既然没有定义具体信令协议,我们就可以选择任意方式(AJAX、WebSocket),采用任意协议

    7.4K50

    WebRTC 入门指南

    信令服务器 所谓信令(signaling)服务器,是一个帮助双方建立连接「中间人」,WebRTC 并没有规定信令服务器标准,意味着开发者可以用任何技术来实现,如 WebSocket 或 AJAX。...const pc2 = new RTCPeerConnection([configuration]); 在寻找对等端阶段,信令服务器工作一般是标识与验证参与者身份,浏览器连接信令服务器并发送会话必须信息...Chrome 浏览器支持通过以下 API 获取当前使用 semantics: // Chrome RTCPeerConnection.getConfiguration().sdpSemantics;...(); pc1.setLocalDescription(offer); sendOffer(offer); onReveiveAnswer((answer) => { pc1.setRemoteDescription...,每次 WebRTC 找到一个可用候选项,都会触发一次 icecandidate 事件,此时可调用 addIceCandidate 方法来将候选项添加到通信中: const pc = new RTCPeerConnection

    1.4K20

    WebRTC学习笔记——建立连接

    ,需要获取到对方IP地址和端口号 2.我们需要对对方支持音频和视频编解码器等电脑软硬件信息有所了解 当我们互相拿到了对方地址和电脑软硬件信息后,就可以通过RTCPeerConnection对象来建立连接了...现实网络环境有三种情况: 公共网络 这类网络IP之间可以不受限制地进行互相访问 NAT网络 这类网络主机在私有内网中,没有单独公网IP,STUN协议就是解决此网络问题 首先发一个请求给STUN服务器,...window.RTCPeerConnection; } 2.可以通过配置自己STUN服务器地址,或者不写配置使用浏览器默认STUN服务器地址,来创建两个RTCPeerConnection对象来模拟连接...offerOptions) .then(function(offer){ console.log(offer); youConnection.setLocalDescription...then(function(answer){ console.log(answer); otherConnection.setLocalDescription

    82610

    【前端实时音视频系列】WebRTC入门概览

    信令服务器 所谓信令(signaling)服务器,是一个帮助双方建立连接「中间人」,WebRTC并没有规定信令服务器标准,意味着开发者可以用任何技术来实现,如WebSocket或AJAX。...const pc2 = new RTCPeerConnection({...}); 在寻找对等端阶段,信令服务器工作一般是标识与验证参与者身份,浏览器连接信令服务器并发送会话必须信息,如房间号、账号信息等...();pc1.setLocalDescription(offer);sendOffer(offer);onReveiveAnswer((answer) => {  pc1.setRemoteDescription...) => {  pc2.setRemoteDescription(answer);  const answer = await pc2.createAnswer();  pc2.setLocalDescription...找到一个可用候选项,都会触发一次icecandidate事件,此时可调用addIceCandidate方法来将候选项添加到通信中: const pc = new RTCPeerConnection({

    1.8K20

    WebRTC中信令和内网穿透技术 STUN TURN

    用于建立安全连接秘钥信息。 主机IP和端口等网络信息。 客户端之间来回传递这些消息需要实现一种信令通信方式,但是WebRTCAPI并没有实现信令通信机制,所以使用者需要自己去实现。...Alice调用setLocalDescription()将她offer设置为本地描述。 Alice把offer转换为字符串,并使用信令机制将其发送给Eve。...Eve通过调用setLocalDescription()将她answer设置为本地描述。 Eve使用信令机制把她字符串化answer传给Alice。...“查找候选地址candidate”一词是指使用ICE框架查找网络接口和端口过程。 Alice创建RTCPeerConnection对象时候会生成一个onicecandidate句柄。...信令陷阱 在调用setLocalDescription()之前,RTCPeerConnection不会收集candidates信息。

    5.1K80
    领券