草庐IT

关于 node.js:webrtc onaddstream 未在第一个对等方上调用

codeneng 2023-03-28 原文

webrtc onaddstream not being called on first peer

我创建了下面的脚本，它是混合应用程序的一部分，有时它运行正常，我可以接收/发送音频/视频呼叫，但有时甚至没有从发送方调用 onaddstream 或 ontrack，但是 spd 数据包是通过套接字发送的，我都尝试了 (onaddstream or ontrack) 但没有成功：

在这里发送来自 pc 的报价：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
  sendOffer() {
    let that = this;
    that.call_status = 'connecting';

    let call_type;
    if (that.call_type == 'audio')
      call_type = { video: false, audio: true };
    else
      call_type = { video: true, audio: true };

    that.pc = new RTCPeerConnection(that.peerConnectionConfig);
    that.haveGum = navigator.mediaDevices.getUserMedia(call_type)
      .then(stream => {
        that.pc.addStream(that.from_video.nativeElement.srcObject = stream);
        that.from_video.nativeElement.style.display = 'block';
      }).then(() => that.pc.createOffer())
      .then(d => that.pc.setLocalDescription(d))
      .catch(log => { alert(log) });

    that.pc.oniceconnectionstatechange = function (e) {

      that.call_status = that.pc.iceConnectionState;
      if (that.pc.iceConnectionState == 'disconnected') {
        console.log('Disconnected');
      }
    }

    that.pc.onaddstream = e => {
      that.to_video.nativeElement.srcObject = e.stream;
    };


    that.pc.onicecandidate = e => {

      if (e.candidate) {
        return;
      }
        that.offerSent = true;
        that.socket.emit('sdp-offer', {
          from: that.user,
          sdp: that.pc.localDescription.sdp,
          call_type: call_type
        });
    };

    that.socket.on('sdp-offer-reply', (sdp: any) => {
      that.pc.setRemoteDescription(new RTCSessionDescription(({ type:"answer", sdp: sdp.sdp }))).catch(log => console.log(log));
    });

    that.socket.on('call-closed', (sdp: any) => {
      that.closeConnection();
    });
  }

在其他设备上 pc2 接受答案时：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
  answerCall() {
    let that = this;

    let call_type;
    if (this.call_type == 'audio')
      call_type = { video: false, audio: true };
    else
      call_type = { video: true, audio: true };

    that.pc2 = new RTCPeerConnection(this.peerConnectionConfig);
    that.haveGum = navigator.mediaDevices.getUserMedia(call_type)
      .then(stream => {
        that.pc2.addStream(this.from_video.nativeElement.srcObject = stream);
      });

    that.pc2.oniceconnectionstatechange = function (e) {
        console.log(that.pc2.iceConnectionState);
    }
    that.pc2.onaddstream = e => {
      that.to_video.nativeElement.srcObject = e.stream;
      that.to_video.nativeElement.style.display = 'block';
    };

    if (that.pc2.signalingState !="stable") {
      that.call_status = that.pc2.signalingState;
      alert("not stable");
      return;
    }

    that.pc2.setRemoteDescription(new RTCSessionDescription(({ type:"offer", sdp: this.sdp.sdp })))
      .then(() => that.pc2.createAnswer())
      .then(d => {
        that.sendSdpAnswer = d; that.pc2.setLocalDescription(d);
        this.call_connected = true;
      })
      .catch(log => console.log(log));
    that.pc2.onicecandidate = e => {
      if (e.candidate) {
        console.log("not e.candidate");
        return;
      }
      that.socket.emit('offeraccepted', {
        from: that.user,
        sdp: that.sendSdpAnswer.sdp
      });
    };


    that.socket.on('call-closed', (sdp: any) => {
      that.closeConnection();
      that.call_status ="Hung Up";
    });
  }

这是我调用的最终函数，用于在通话结束时关闭双方的对等连接：

1
2
3
4
5
6
7
8
  closeConnection() {
    if (typeof this.pc !=="undefined" && this.pc.signalingState !="closed") {
      this.pc.close();
    }
    if (typeof this.pc2 !=="undefined" && this.pc2.signalingState !="closed") {
      this.pc2.close();
    }
  }

我正在使用 webrtc latest-adapter.js 和 socket.io 作为信号服务器。首先，我在 pc 上发出事件 以发送 sdp 数据包，在 pc2 上我从节点服务器接收 sdp-offer-incoming，然后 pc2 发出 offeraccepted 并在 pc1 上附加带有事件的 sdp 数据接收 sdp 数据包，它应该在两台电脑上显示视频/音频，但有时发送方没有收到流，但接收方总是有两个视频。

创建报价时我必须通过约束：

1
2
3
4
      this.pc.createOffer({
        offerToReceiveAudio: 1,
        offerToReceiveVideo: 1
      })

  • 你是怎么想出来的，mdn没有在任何地方提到这个
  • 你好你在吗
  • 这太糟糕了，我有 {mandatory: {offerToReceiveVideo}} 并且它失败了。现在 api 遇到了问题，直到我修复了上面的那个，它才起作用......失去了我生命中的 10 个小时......
  • 这需要更多的选票。我一直在努力让 webrtc 为我的 react-native 应用程序工作 DAYS，这是唯一错误的事情。
  • 我找到了一些引用这些参数的文档：jasonkang14.github.io/posts/webrtc/...

上调onaddstreamnbspbrsectionnode.jssocket.iowebrtc

有关关于 node.js:webrtc onaddstream 未在第一个对等方上调用的更多相关文章

  1. ruby - 使用 Vim Rails，您可以创建一个新的迁移文件并一次性打开它吗？ - 2

    使用带有Rails插件的vim，您可以创建一个迁移文件，然后一次性打开该文件吗？textmate也可以这样吗？ 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件，这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails，您可以创建一个新的迁移文件并一次性打开它吗？，我们在StackOverflow上找到一个类似的问题： https://sta

  2. ruby-on-rails - Rails - 一个 View 中的多个模型 - 2

    我需要从一个View访问多个模型。以前，我的links_controller仅用于提供以不同方式排序的链接资源。现在我想包括一个部分(我假设)显示按分数排序的顶级用户(@users=User.all.sort_by(&:score))我知道我可以将此代码插入每个链接操作并从View访问它，但这似乎不是“ruby方式”，我将需要在不久的将来访问更多模型。这可能会变得很脏，是否有针对这种情况的任何技术？注意事项:我认为我的应用程序正朝着单一格式和动态页面内容的方向发展，本质上是一个典型的网络应用程序。我知道before_filter但考虑到我希望应用程序进入的方向，这似乎很麻烦。最终从任何

  3. ruby-on-rails - 渲染另一个 Controller 的 View - 2

    我想要做的是有2个不同的Controller，client和test_client。客户端Controller已经构建，我想创建一个test_clientController，我可以使用它来玩弄客户端的UI并根据需要进行调整。我主要是想绕过我在客户端中内置的验证及其对加载数据的管理Controller的依赖。所以我希望test_clientController加载示例数据集，然后呈现客户端Controller的索引View，以便我可以调整客户端UI。就是这样。我在test_clients索引方法中试过这个:classTestClientdefindexrender:template=>

  4. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象，为什么它会起作用？ - 2

    如果您尝试在Ruby中的nil对象上调用方法，则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而，有一个tryRails中的方法，如果它被发送到一个nil对象，它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常？ 最佳答案 像Ruby中的所有其他对象

  5. ruby - 为什么 SecureRandom.uuid 创建一个唯一的字符串？ - 2

    关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗？通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion为什么SecureRandom.uuid创建一个唯一的字符串？SecureRandom.uuid#=>"35cb4e30-54e1-49f9-b5ce-4134799eb2c0"SecureRandom.uuid方法创建的字符串从不重复？

  6. ruby-on-rails - 未在 Ruby 中初始化的对象 - 2

    我在Rails工作并有以下类(class):classPlayer当我运行时bundleexecrailsconsole然后尝试:a=Player.new("me",5.0,"UCLA")我回来了:=>#我不知道为什么Player对象不会在这里初始化。关于可能导致此问题的操作/解释的任何建议？谢谢，马里奥格 最佳答案 havenoideawhythePlayerobjectwouldn'tbeinitializedhere它没有初始化很简单，因为你还没有初始化它!您已经覆盖了ActiveRecord::Base初始化方法，但您没有调

  7. ruby-on-rails - Rails - 从另一个模型中创建一个模型的实例 - 2

    我有一个正在构建的应用程序，我需要一个模型来创建另一个模型的实例。我希望每辆车都有4个轮胎。汽车模型classCar轮胎模型classTire但是，在make_tires内部有一个错误，如果我为Tire尝试它，则没有用于创建或新建的activerecord方法。当我检查轮胎时，它没有这些方法。我该如何补救？错误是这样的:未定义的方法'create'forActiveRecord::AttributeMethods::Serialization::Tire::Module我测试了两个环境:测试和开发，它们都因相同的错误而失败。 最佳答案

  8. ruby - 用 Ruby 编写一个简单的网络服务器 - 2

    我想在Ruby中创建一个用于开发目的的极其简单的Web服务器(不，不想使用现成的解决方案)。代码如下:#!/usr/bin/rubyrequire'socket'server=TCPServer.new('127.0.0.1',8080)whileconnection=server.acceptheaders=[]length=0whileline=connection.getsheaders想法是从命令行运行这个脚本，提供另一个脚本，它将在其标准输入上获取请求，并在其标准输出上返回完整的响应。到目前为止一切顺利，但事实证明这真的很脆弱，因为它在第二个请求上中断并出现错误:/usr/b

  9. ruby - 一个 YAML 对象可以引用另一个吗？ - 2

    我想让一个yaml对象引用另一个，如下所示:intro:"Hello,dearuser."registration:$introThanksforregistering!new_message:$introYouhaveanewmessage!上面的语法只是它如何工作的一个例子(这也是它在thiscpanmodule中的工作方式。)我正在使用标准的ruby​​yaml解析器。这可能吗？ 最佳答案 一些yaml对象确实引用了其他对象:irb>require'yaml'#=>trueirb>str="hello"#=>"hello"ir

  10. ruby - Rails 关联 - 同一个类的多个 has_one 关系 - 2

    我的问题的一个例子是体育游戏。一场体育比赛有两支球队，一支主队和一支客队。我的事件记录模型如下:classTeam"Team"has_one:away_team,:class_name=>"Team"end我希望能够通过游戏访问一个团队，例如:Game.find(1).home_team但我收到一个单元化常量错误:Game::team。谁能告诉我我做错了什么？谢谢， 最佳答案 如果Gamehas_one:team那么Rails假设您的teams表有一个game_id列。不过，您想要的是games表有一个team_id列，在这种情况下

随机推荐