2017-02-10 41 views
0

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

我的脚本

<!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(观察者)禁止发送localVideo B与A,只是发送流视频到B

+0

您可以包括'你的努力在问题javascript'? – guest271314

回答

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> 
+0

不,我只想发送从A到B的视频直播流,从A到B只有一个方向,不需要音频。你能做到吗? (通过p2p连接一对一) –

+0

非常感谢,非常简单,但我之前无法理解^^ –