WEBRTC совместно использует и управляет несколькими видео на 1 сеансе PeerConnection

#javascript #webrtc #video-streaming #html5-video #sdp

Вопрос:

Я работаю с WebRTC над javascript. Я хотел бы поделиться несколькими локальными видео с этого клиента на другой и управлять видео из источника(ускорить, остановить, переместить назад, вперед,…) без пересмотра условий.

Функция, которую я использую, заключается в том, что у меня есть несколько коротких видеороликов, и я пытаюсь транслировать их как одно видео после нескольких поисков и тестирования, я не могу найти подходящего решения. Я должен был попробовать addTrack, добавить несколько медиапотоков,объединить много медиапотоков в один? но у меня это не сработало.

У кого-нибудь есть какой-нибудь ответ или просто несколько ключевых слов, чтобы решить эту проблему?

Я пытаюсь сделать что-то подобное, добавить несколько дорожек и попытаться сделать так, чтобы они отображались на стороне клиента

   // lsVideoAdded is array MediaStream
      for (const vid of lsVideoAdded) {
        for (const track of vid.getTracks()) {
          _localPeer.addTrack(track, vid);
        }
      }

 //client side
      _localPeer.ontrack = (ev) => {
        if (ev.streams amp;amp; ev.streams[0]) {
          document.querySelector("#remoteVideo").srcObject = ev.streams[0];
        } else {
          let inboundStream = new MediaStream(ev.track);
          document.querySelector("#remoteVideo").srcObject = inboundStream;
        }
      };
 

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

1. Пожалуйста, предоставьте достаточно кода, чтобы другие могли лучше понять или воспроизвести проблему.