0

我读了很多关于 webrtc 的例子，但我不明白如何在 A 和 B 之间聊天视频 p2p，但只需要 A 使用 p2p 连接向 B 发送流视频，如何做到这一点？我试图在 B {video : false} 中禁用本地视频，但它有错误，无法正常工作。

我的剧本

<!DOCTYPE html>
<html>
    <head>
        <script src="https://simplewebrtc.com/latest-v2.js"></script>
        <script type="text/javascript">

            var webrtc = new SimpleWebRTC({
                // the id/element dom element that will hold "our" video

                localVideoEl: 'localVideo',

                // the id/element dom element that will hold remote videos
                remoteVideosEl: 'remotesVideos',
                // immediately ask for camera access
                autoRequestMedia: true,
                //https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia
                //https://github.com/andyet/signalmaster/blob/master/README.md
                media: {
                        audio: false,
                        video: {
                            //width: 720,
                            width: {ideal: 640},
                            // height: 1280,
                            height: {ideal: 480},
                            frameRate: {ideal: 15}
                        }
                },
                receiveMedia: {
                    offerToReceiveAudio: 0,
                    offerToReceiveVideo: 1
                }
            });


            // we have to wait until it's ready
            webrtc.on('readyToCall', function () {
                // you can name it anything
                webrtc.joinRoom('zika ghe vl');
            });


        </script>
    </head>
    <body>
        <div id="remotesVideos"></div>
    </body>
</html>
我的示例来自这里：https ://github.com/andyet/SimpleWebRTC 那么，B（观察者）如何禁用将 B 的本地视频发送到 A，只是 A 将流视频发送到 B。

4

1 回答 1

1

在发送方启用视频，禁用音频。在接收器上禁用两者。试试下面的代码

<!DOCTYPE html>
<html>
    <head>
        <script src="https://simplewebrtc.com/latest-v2.js"></script>
         <button onclick="start(false)">Receive video</button>
          <button onclick="start(true)"">Send video</button>
        <script type="text/javascript">
            function start (e) {

                /**
                    have separate settings to get the trigger form UI
                */
                var videoSettings = {
                            //width: 720,
                            width: {ideal: 640},
                            // height: 1280,
                            height: {ideal: 480},
                            frameRate: {ideal: 15}
                        }
                if(!e) videoSettings = e;
                new SimpleWebRTC({
                // the id/element dom element that will hold "our" video

                    localVideoEl: 'localVideo',

                    // the id/element dom element that will hold remote videos
                    remoteVideosEl: 'remotesVideos',
                    // immediately ask for camera access
                    autoRequestMedia: true,
                    //https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia
                    //https://github.com/andyet/signalmaster/blob/master/README.md
                    media: {
                            audio: false,
                            video: videoSettings
                    },
                    receiveMedia: {
                        offerToReceiveAudio: 0,
                        offerToReceiveVideo: 1
                    }
                }).on('readyToCall', function () {
                    // you can name it anything
                    this.joinRoom('zika ghe vl');
                });
            }    

        </script>
    </head>
    <body>
        <div id="remotesVideos"></div>
    </body>
</html>
于 2017-02-10T12:24:45.120 回答