Блог

Главная - Вопросы по программированию - Не удается добавить медиапоток в видеоэлемент

Не удается добавить медиапоток в видеоэлемент

#javascript #html #webrtc #simplewebrtc #openwebrtc

#javascript #HTML #webrtc #simplewebrtc #openwebrtc

Вопрос:

Я пытаюсь передать медиапоток со страницы 1 на страницу 2. Я получаю медиапоток с тем же идентификатором на странице 2, что и медиапоток, созданный на странице 1. Но я не могу добавить этот медиапоток в тег video, который присутствует в HTML-коде страницы 2.

Я попытался создать srcObject для элемента video, а также попытался добавить медиапоток в качестве URL.

 const remoteVideo = document.querySelector('#remoteVideo');
function gotRemoteStream(event) {
  console.log('got remote stream');
  try {
    remoteVideo.srcObject = event.streams[0];
    console.log('added remote stream');
  } catch (error) {
      console.log(error);
  }

  console.log(remoteVideo.srcObject);
}

Последняя консоль.журнал возвращает —

 MediaStream {id: "P7pInpAX7ee32KJOsPRNxZWEcdjjAg5Sq7pk", active: true, onaddtrack: null, onremovetrack: null, onactive: null, …}

Но этот медиапоток не добавляется в тег видеоэлемента в 

 <video id="remoteVideo" src="" playsinline autoplay></video>

Комментарии:

1. как вы перенаправляете со страницы 1 на страницу 2? Используете ли вы какой-нибудь фреймворк вроде angular, react js или Vue?

2. Я использую node (express) и socket.io .

3. Насколько я вижу, ваша вторая страница не знает о вашем медиапотоке. Как вы передаете его со страницы 1 на страницу 2?

4. Я пытаюсь реализовать WebRTC. Итак, я использую серверы TURN для сигнализации, и передача мультимедиа должна быть одноранговой.