VideoTrackList: addtrack 事件

有限可用性

此功能不是基线功能，因为它在一些最广泛使用的浏览器中不起作用。

当视频轨道添加到 VideoTrackList 时，将触发 addtrack 事件。

语法

在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理程序属性。

js
addEventListener("addtrack", (event) => {});

onaddtrack = (event) => {};

事件类型

一个 TrackEvent。继承自 Event。

Event TrackEvent

事件属性

除了下面列出的属性外，父接口 Event 的属性也可使用。

track 只读

事件引用的新添加的 VideoTrack。

示例

使用 addEventListener()

js
const videoElement = document.querySelector("video");

videoElement.videoTracks.addEventListener("addtrack", (event) => {
  console.log(`Video track: ${event.track.label} added`);
});

使用 onaddtrack 事件处理程序属性

js
const videoElement = document.querySelector("video");

videoElement.videoTracks.onaddtrack = (event) => {
  console.log(`Video track: ${event.track.label} added`);
};

规范

规范
HTML 标准
# event-media-addtrack
HTML 标准
# handler-tracklist-onaddtrack

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅