MediaStream: addtrack 事件

Baseline 已广泛支持

此功能已成熟,可跨多种设备和浏览器版本使用。自 2017 年 9 月以来,它已在浏览器中提供。

addtrack 事件在新的 MediaStreamTrack 对象被添加到 MediaStream 时触发。

此事件不可取消,也不会冒泡。

语法

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

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

onaddtrack = (event) => { }

事件类型

一个 MediaStreamTrackEvent。继承自 Event

Event MediaStreamTrackEvent

事件属性

还继承了其父接口 Event 的属性。

MediaStreamTrackEvent.track 只读

一个 MediaStreamTrack 对象,代表被添加到流中的轨道。

示例

使用 addEventListener()

js
const stream = new MediaStream();

stream.addEventListener("addtrack", (event) => {
  console.log(`New ${event.track.kind} track added`);
});

使用 onaddtrack 事件处理程序属性

js
const stream = new MediaStream();

stream.onaddtrack = (event) => {
  console.log(`New ${event.track.kind} track added`);
};

规范

规范
媒体捕获和流
# event-mediastream-addtrack

浏览器兼容性

另见