VideoTrackList: addtrack 事件

可用性有限

此特性不是基線特性，因為它在一些最廣泛使用的瀏覽器中不起作用。

當影片軌道被新增到 VideoTrackList 時，會觸發 addtrack 事件。

語法

在諸如 addEventListener() 之類的方法中使用事件名稱，或設定事件處理程式屬性。

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

onaddtrack = (event) => { }

事件型別

一個 TrackEvent。繼承自 Event。

事件屬性

除了下面列出的屬性之外，父介面 Event 的屬性也可使用。

track 只讀: 該事件引用的新新增的 VideoTrack。

示例

使用 addEventListener()

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

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

使用 onaddtrack 事件處理程式屬性

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

瀏覽器相容性

另見

相關事件：removetrack，change
此 AudioTrackList 上的事件目標： addtrack
此事件在 MediaStream 上觸發：addtrack
媒體捕獲和流 API
WebRTC

幫助改進 MDN

瞭解如何貢獻

此頁面最後由 MDN 貢獻者於 2025 年 9 月 25 日 16:11:52 UTC 修改。

在 GitHub 上檢視此頁面 • 報告此內容的問題