RTCPeerConnection: track event

在此页

范例
规范
浏览器兼容性
相关话题

track event is sent to the ontrack event handler on RTCPeerConnection s after a new track has been added to an RTCRtpReceiver which is part of the connection.

冒泡	Yes
可取消	No
接口	`RTCTrackEvent`
事件处理程序特性	`ontrack`

By the time this event is delivered, the new track has been fully added to the peer connection. See Track event types in RTCTrackEvent 了解细节。

范例

This example shows code that creates a new RTCPeerConnection , then adds a new track event handler.

pc = new RTCPeerConnection({
  iceServers: [
    {
      urls: "turn:fake.turnserver.url",
      username: "someusername",
      credential: "somepassword"
    }
  ]
});
pc.addEventListener("track", e => {
  videoElement.srcObject = e.streams[0];
  hangupButton.disabled = false;
}, false);

The event handler assigns the new track's first stream to an existing <video> element, identified using the variable videoElement .

You can also assign the event handler function to the ontrack property, rather than use addEventListener() .

pc.ontrack = e => {
  videoElement.srcObject = e.streams[0];
  hangupButton.disabled = false;
  return false;
}

规范

规范	状态	注释
WebRTC 1.0: Real-time Communication Between Browsers The definition of 'track' 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
`track` event	Chrome 64	Edge ≤18	Firefox 22	IE No	Opera 43	Safari 11	WebView Android 64	Chrome Android 64	Firefox Android 44	Opera Android 43	Safari iOS ?	Samsung Internet Android 6.0

图例

完整支持
不支持
兼容性未知 ?

元数据

最后修改： Mar 18, 2019

在此页

范例

规范

浏览器兼容性

图例

相关话题