Событие отслеживания rtcpeerconnection иногда возвращает пустой поток - PullRequest
Новая
       133

Событие отслеживания rtcpeerconnection иногда возвращает пустой поток

2 голосов
/ 24 марта 2020

Каков наилучший подход для установки соединения RT C, которое будет успешным с первого раза?

Следующий код иногда работает, иногда нет. Я думаю, что проблема в том, что addIceCandidate вызывается либо до, либо после createAnswer, и я не знаю, какой из них предпочтительнее, или, если это вообще проблема (почему он не работает постоянно, просто вставьте его в браузер, и попробуйте несколько раз, вы должны увидеть, что, по крайней мере, иногда кнопка «вызов» не работает постоянно): 

<body>
    <style>
        video {
            width: 300px
        }
    </style>
    <button id="s">start</button>
    <button id=c>Call</button><br>
<video id="L" autoplay muted></video>
<video id=R autoplay></video>
<video id=R2 autoplay></video>
<video id=R3 autoplay></video>
<script>
var ls, p, p2, bpl, bpr, con = {
 //   sdpSemantics: "default"
}, deets = {
    offerToReceiveAudio: 1,
    offerToReceiveVideo: 1
}

function g() {
    navigator.
    mediaDevices.getDisplayMedia().then(s => {
        ls = L.srcObject = s;

    })
}
s.onclick = e => {
    g()
};

function wow(data={}) {
    let local  = new RTCPeerConnection(con),
        remote = new RTCPeerConnection(con);

    local .addEventListener("icecandidate", e => oic(remote, e));
    remote.addEventListener("icecandidate", e => oic(local , e));

    remote.addEventListener("track", e => grs(data.video, e));

    data
        .localStream
        .getTracks()
        .forEach(t => {
            local.addTrack(t, data.localStream);
        });

    local.createOffer(deets).then(offer => {
        local .setLocalDescription(offer);
        remote.setRemoteDescription(offer);

        remote.createAnswer().then(answer => {
            remote.setLocalDescription(answer);
            local .setRemoteDescription(answer);
        })
    });
}

c.onclick = e => {
    let localStream = ls;
    wow({
        video: R,
        localStream
    });

    wow({
        video: R2,
        localStream
    });

    wow({
        video: R3,
        localStream
    });

};

function grs(vid,e) { 
    if(vid.srcObject !== e.streams[0]) {
        vid.srcObject = e.streams[0];
    }
}

function oic(pc, e) {
    let other = pc;
    if(e.candidate)
        other
        .addIceCandidate(e.candidate)
}
</script>
</video>
</body>

Обратите внимание, как иногда видео-потоки приходят позже и пустой.

Ответы [ 2 ]

2 голосов
/ 02 апреля 2020

Я сталкиваюсь с той же проблемой, когда использую API PeerConnection ранее, проблема в формате Unified Plan SDP, возможно, его стоит прочитать.

0 голосов
/ 25 марта 2020

Пожалуйста посмотрите еще раз на документацию . Сначала вы используете функции asyn c, поэтому он не может разрешиться в то время, когда вы его вызываете (например, пользователь не отвечает на запрос или браузер вообще его отклоняет). Во-вторых, вы не обрабатываете ошибки, добавьте блок catch () в свой код, и браузер сам ответит на ваш вопрос

...