在此页

• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

A selectedcandidatepairchange event is sent to an RTCIceTransport 当 ICE agent selects a new pair of candidates that describe the endpoints of a viable connection. The pair of candidates is in turn described by an RTCIceCandidatePair object which contains one RTCIceCandidate representing the local end of the connection, and another representing the remote end of the connection.

Together, the candidates can be used to establish a connection to be used by the RTCIceTransport , and, by extension, by an RTCPeerConnection .

冒泡	No
可取消	No
接口	事件
事件处理程序特性	onselectedcandidatepairchange

范例

This example creates an event handler for selectedcandidatepairchange that updates a display providing the user information about the progress of the ICE negotiation for an RTCPeerConnection called pc .

let iceTransport = pc.getSenders[0].transport.iceTransport;
let localProtoElem = document.getElementById("local-protocol");
let remoteProtoElem = document.getElementById("remote-protocol");
iceTransport.addEventListener("selectedcandidatepairchange", ev => {
  let pair = iceTransport.getSelectedCandidatePair();
  localProtoElem.innerText = pair.local.protocol.toUpperCase();
  remoteProtoElem.innerText = pair.remote.protocol.toUpperCase();
}, false)
					

This can also be done by setting the onselectedcandidatepairchange event handler property directly.

let iceTransport = pc.getSenders[0].transport.iceTransport;
let localProtoElem = document.getElementById("local-protocol");
let remoteProtoElem = document.getElementById("remote-protocol");
iceTransport.onselectedcandidatepairchange = ev => {
  let pair = iceTransport.getSelectedCandidatePair();
  localProtoElem.innerText = pair.local.protocol.toUpperCase();
  remoteProtoElem.innerText = pair.remote.protocol.toUpperCase();
}
					

规范

规范	状态	注释
WebRTC 1.0: Real-time Communication Between Browsers The definition of 'selectedcandidatepairchange' in that specification.	候选推荐

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
selectedcandidatepairchange event	Chrome No	Edge No	Firefox No	IE No	Opera No	Safari No	WebView Android No	Chrome Android No	Firefox Android No	Opera Android No	Safari iOS No	Samsung Internet Android No

图例

不支持

不支持

另请参阅

• WebRTC API
• WebRTC connectivity
• RTCIceTransport.onselectedcandidatepairchange

Related RTCIceTransport events

• statechange
• gatheringstatechange

Related RTCPeerConnection events

• negotiationneeded
• signalingstatechange
• iceconnectionstatechange
• icegatheringstatechange
• connectionstatechange

元数据

• 最后修改： Mar 18, 2019

相关话题

1. WebRTC API
2. RTCIceTransport
3. 特性

   1. component
   2. gatheringState
   3. getRemoteCandidates()
   4. ongatheringstatechange
   5. onselectedcandidatepairchange
   6. onstatechange
   7. role
   8. state
4. 方法

   1. getLocalCandidates()
   2. getLocalParameters()
   3. getSelectedCandidatePair()
5. Related pages for WebRTC

   1. MediaDevices.getUserMedia()
   2. Navigator.mediaDevices
   3. RTCCertificate
   4. RTCDTMFSender
   5. RTCDTMFToneChangeEvent
   6. RTCDataChannel
   7. RTCDataChannelEvent
   8. RTCDtlsTransport
   9. RTCErrorEvent
   10. RTCIceCandidate
   11. RTCPeerConnection
   12. RTCPeerConnectionIceErrorEvent
   13. RTCPeerConnectionIceEvent
   14. RTCRtpReceiver
   15. RTCRtpSender
   16. RTCRtpTransceiver
   17. RTCSctpTransport
   18. RTCSessionDescription
   19. RTCStatsEvent
   20. RTCStatsReport
   21. RTCTrackEvent