Поток медиа: метод removeTrack()

Базовая Широко доступная

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2017 года.

Метод removeTrack() интерфейса MediaStream удаляет MediaStreamTrack из потока.

Синтаксис

removeTrack(track)

Параметры

track: MediaStreamTrack, который будет удалён из потока.

Возвращаемое значение

Ничего (undefined).

Примеры

В следующем примере показано, как удалить аудио- и видеодорожки из MediaStream. fetchStreamFunction — обработчик событий fetchStreamButton. При нажатии кнопки аудио и видеозахват осуществляется с устройств системы. removeTracksFunction — обработчик событий removeTracksButton. При нажатии этой кнопки аудио- и видеодорожки удаляются из MediaStream.

let initialStream = null;
let newStream = null;

let fetchStreamButton = document.getElementById("fetchStream");
let removeTracksButton = document.getElementById("removeTracks");

async function fetchStreamFunction() {
  initialStream = await navigator.mediaDevices.getUserMedia({
    video: { width: 620, height: 310 },
    audio: true,
  });
  if (initialStream) {
    await attachToDOM(initialStream);
  }
}

async function attachToDOM(stream) {
  newStream = new MediaStream(stream.getTracks());
  document.querySelector("video").srcObject = newStream;
}

async function removeTracksFunction() {
  let videoTrack = newStream.getVideoTracks()[0];
  let audioTrack = newStream.getAudioTracks()[0];

  newStream.removeTrack(videoTrack);
  newStream.removeTrack(audioTrack);

  // Stream will be empty
  console.log(newStream.getTracks());
}

fetchStreamButton.addEventListener("click", fetchStreamFunction);
removeTracksButton.addEventListener("click", removeTracksFunction);

Спецификации

Спецификация
Захват медиа и потоки # dom-mediastream-removetrack

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`removeTrack`	26	12	44	15	11	26	44	14	11	1.5	37

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MediaStream/removeTrack