【问题标题】:Tokbox video chat queryTokbox 视频聊天查询
【发布时间】:2016-07-22 04:24:51
【问题描述】:

我正在使用 Tokbox 视频聊天开发网站,如果两个用户都已连接并且他们的视频可见,我必须运行一个计时器。

我正在使用下面的代码,如果有人连接它,它会调用 start_countdown 函数。

 session.on('streamCreated', function(event) {
    event.streams.forEach(function(stream) {
      if(stream.connection.connectionId != session.connection.connectionId) {
        // subscribe(stream);
        console.log("New stream in the session: " + event);
        // console.log(event);
        // console.log(stream);
        // start_countdown();
      }
    });
  });

但如果两个用户都授予对他们视频的访问权限,我需要调用倒计时功能。 任何人都可以帮助解决这个问题。

【问题讨论】:

    标签: javascript php opentok tokbox


    【解决方案1】:

    要理解的第一个想法是,由于您在客户端代码中执行此操作,因此每个参与者都有自己的倒计时值,因为两个浏览器都独立运行计时器。如果您只是想在 UI 中显示两个用户已连接(或剩余)的时间,这可能没问题。但是,如果您想保持一个真正的时钟,那么这种方法可能不是最好的。

    接下来,在 OpenTok 中,当远程流可用时,会话会触发 streamCreated 事件。当开始发送本地流时(在本地用户授予访问权限之后),发布者还会触发streamCreated 事件。如果您知道会话中只有 2 个用户,您可以通过监听这两个事件来了解两个用户何时加入。下面是一个例子:

    // Initialize flags
    var publishing = false;
    var subscribing = false;
    
    // TODO: create a publisher (either using session.publish() or OT.initPublisher()) and publish a stream after the session has connected
    
    // Listen to the events
    session.on('streamCreated', function(event) {
      // event.stream will always be a remote stream so the connection comparison is unnecessary
      // TODO: subscribe to the stream
      subscribing = true;
      // Check if both criteria have been met
      checkStartCountdown();
    });
    
    publisher.on('streamCreated', function(event) {
      publishing = true;
      // Check if both criteria have been met
      checkStartCountdown();
    });
    
    function checkStartCountdown() {
      if (publishing && subscribing) {
        // TODO: start_countdown is the function as you described in your question
        start_countdown();
      }
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-06-26
      相关资源
      最近更新 更多