个人中心
gpt4 book ai didi

javascript - 从 Mozilla 到 Chrome 的 webrtc 视频通话仅适用于 Chrome

转载 作者：行者123 更新时间：2023-12-03 08:43:41 27 4
gpt4 key购买 nike

这是一个使用 webrtc 进行视频通话的脚本，但是当从 mozilla 调用到 chrome 时这不起作用，它只能从 chrome 调用到 mozilla，我认为这是由于创建报价的约束部分造成的，但我找不到如何处理它，我已经尝试过:

if (isFirefox) {
  console.log('firefox');
  constraints = {
    offerToReceiveAudio: true,
    offerToReceiveVideo: true
  };
}
if (isChrome) {
  console.log('chrome');
  constraints = {
    mandatory: {
      OfferToReceiveAudio: true,
      OfferToReceiveVideo: true
    }
  };
}

但没有结果。谢谢

 < html >
   < head >

   < script type = 'text/javascript'
 src = '/firebase.js' > < /script>
      <script type='text/javascript
 ' src=' / adapter.js '></script>

        <style>#video,#otherPeer { width: 300px;}</style>
    </head>
    <body>

    <video id="video" autoplay></video>
    <video id="otherPeer" autoplay></video>

    <script>
    // get a reference to our FireBase database. You should create your own
    // and replace the URL.
    var dbRef = new Firebase("https://video-calling.firebaseio.com/");
    var roomRef = dbRef.child("rooms");

    // shims!
    var PeerConnection = window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
    var SessionDescription = window.mozRTCSessionDescription || window.RTCSessionDescription;
    var IceCandidate = window.mozRTCIceCandidate || window.RTCIceCandidate;
    navigator.getUserMedia = navigator.getUserMedia || navigator.mozGetUserMedia || navigator.webkitGetUserMedia;

    // generate a unique-ish string
    function id () {
        return (Math.random() * 10000 + 10000 | 0).toString();
    }

    // a nice wrapper to send data to FireBase
    function send (room, key, data) {
        roomRef.child(room).child(key).set(data);
    }

    // wrapper function to receive data from FireBase
    function recv (room, type, cb) {
        roomRef.child(room).child(type).on("value", function (snapshot, key) {
            var data = snapshot.val();
            if (data) { cb(data); }
        });
    }

    // generic error handler
    function errorHandler (err) {
        console.error(err);
    }

    // determine what type of peer we are,
    // offerer or answerer.
    var ROOM = location.hash.substr(1);
    var type = "answerer";
    var otherType = "offerer";

    // no room number specified, so create one
    // which makes us the offerer
    if (!ROOM) {
        ROOM = id();
        type = "offerer";
        otherType = "answerer";

        document.write("<a href='#
 "+ROOM+"
 '>Send link to other peer</a>");
    }

    // generate a unique-ish room number
    var ME = id();

    // options for the PeerConnection
    var server = {
        iceServers: [
            {urls: "stun:23.21.150.121"},
            {urls: "stun:stun.l.google.com:19302"},
            {urls: "turn:numb.viagenie.ca", credential: "webrtcdemo", username: "louis%40mozilla.com"}
        ]
    };

    var options = {
        optional: [
            {DtlsSrtpKeyAgreement: true}
        ]
    }

    // create the PeerConnection
    var pc = new PeerConnection(server, options);

    pc.onicecandidate = function (e) {
        // take the first candidate that isn'
 t null
 if (!e.candidate) {
   return;
 }
 pc.onicecandidate = null;

 // request the other peers ICE candidate
 recv(ROOM, "candidate:" + otherType, function(candidate) {
   pc.addIceCandidate(new IceCandidate(JSON.parse(candidate)));
 });

 // send our ICE candidate
 send(ROOM, "candidate:" + type, JSON.stringify(e.candidate));
 };

 // grab the video elements from the document
 var video = document.getElementById("video");
 var video2 = document.getElementById("otherPeer");

 // get the user's media, in this case just video
 navigator.getUserMedia({
   video: true
 }, function(stream) {
   // set one of the video src to the stream
   video.src = URL.createObjectURL(stream);

   // add the stream to the PeerConnection
   pc.addStream(stream);

   // now we can connect to the other peer
   connect();
 }, errorHandler);

 // when we get the other peer's stream, add it to the second
 // video element.
 pc.onaddstream = function(e) {
   video2.src = URL.createObjectURL(e.stream);
 };

 // constraints on the offer SDP. Easier to set these
 // to true unless you don't want to receive either audio
 // or video.
 var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
 // Opera 8.0+ (UA detection to detect Blink/v8-powered Opera)
 var isFirefox = typeof InstallTrigger !== 'undefined'; // Firefox 1.0+
 var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
 // At least Safari 3+: "[object HTMLElementConstructor]"
 var isChrome = !!window.chrome && !isOpera; // Chrome 1+
 var isIE = /*@cc_on!@*/ false || !!document.documentMode; // At least IE6
 /*var constraints;
    if(isFirefox){
      console.log('firefox');
     constraints = {
        offerToReceiveAudio: true,
        offerToReceiveVideo: true
    };
    }
    if(isChrome){
      console.log('chrome');
     constraints = {
        mandatory: {
            OfferToReceiveAudio: true,
            OfferToReceiveVideo: true
        }
    };
*/
 var constraints = {
   mandatory: {
     OfferToReceiveAudio: true,
     OfferToReceiveVideo: true
   }
 };

 // start the connection!
 function connect() {
     if (type === "offerer") {
       // create the offer SDP
       pc.createOffer(function(offer) {
         pc.setLocalDescription(offer);

         // send the offer SDP to FireBase
         send(ROOM, "offer", JSON.stringify(offer));

         // wait for an answer SDP from FireBase
         recv(ROOM, "answer", function(answer) {
           pc.setRemoteDescription(
             new SessionDescription(JSON.parse(answer))
           );
         });
       }, errorHandler, constraints);

     } else {
       // answerer needs to wait for an offer before
       // generating the answer SDP
       recv(ROOM, "offer", function(offer) {
         pc.setRemoteDescription(
           new SessionDescription(JSON.parse(offer))
         );

         // now we can generate our answer SDP
         pc.createAnswer(function(answer) {
           pc.setLocalDescription(answer);

           // send it to FireBase
           send(ROOM, "answer", JSON.stringify(answer));
         }, errorHandler, constraints);
       });
     }
   } < /script>

    </body >
   < /html>

最佳答案

使 offerToReceiveAudio 开头有一个小写“o”，因为这是标准并且被两种浏览器接受。

关于javascript - 从 Mozilla 到 Chrome 的 webrtc 视频通话仅适用于 Chrome，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32980104/

27 4 0
文章推荐： javascript - Angular 表单验证，保存按钮始终禁用
文章推荐： javascript - 类别的 D3 颜色和每个子类别的相似颜色
文章推荐： javascript - 所有浏览器上的 javascript 和 video-js 中的内存泄漏(以最简单的示例)
文章推荐： javascript - 基于路由参数动态注入(inject)特定工厂由于某种原因失败
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com