【问题标题】:How to accept a videochat call in ConnectyCube?如何在 ConnectyCube 中接受视频通话?
【发布时间】:2018-08-21 20:37:08
【问题描述】:

我有两个简单的 HTML/Javascript 页面。一种用于发起视频通话(主叫方),一种用于接受视频通话(被叫方)。

按照 ConnectyCube 的文档中所述,我首先登录并连接到聊天。

在调用方我执行调用功能:

    function callNow(session) {
    var extension = {};
    session.call(extension, function(error)     
    {
     console.log('calling - ring ring');
     //Get calling ringtone ringing

      document.getElementById('callingSignal').play();
        // work with callbacks
        handlingCallReactions();
      });
    }   

    //Function for handling the reactions
    function handlingCallReactions() {
      ConnectyCube.videochat.onUserNotAnswerListener = function onUserNotAnswerListener(
    session,
    userId
     ) {

    console.group('onUserNotAnswerListener.');
    console.log('UserId: ', userId);
    console.log('Session: ', session);
    console.groupEnd();
    };

    //If user takes call
    //After this, your opponents will get a confirmation in the following callback:
       ConnectyCube.videochat.onAcceptCallListener = function(
    session,
    userId,
    extension
     ) {
       console.log('other user accepted call');
    };

      ConnectyCube.videochat.onRemoteStreamListener = function(
    session,
    userID,
    remoteStream
    ) {
      // attach the remote stream to DOM element
        session.attachMediaStream('remoteOpponentVideoElementId', remoteStream);
     };
     }

观察浏览器控制台,我得到以下输出:

    [VideoChat]: _dialingCallback,     answerTimeInterval: 60000

所以我认为这部分运行良好,因为该过程正在等待某些事情发生。

在被叫方的另一端,我也登录并连接到聊天室(直到这里它运行良好),然后我使用以下代码等待呼叫到达。

    //After this, your opponents will receive a callback call:
    //Function for accepting videocalling by callback
    ConnectyCube.videochat.onCallListener = function(session, extension) {
    var extension = {};
    session.accept(extension);
    console.log('Im waiting and can take call');
    };

    ConnectyCube.videochat.onRemoteStreamListener = function(
     session,
     userID,
     remoteStream
       ) {
      // attach the remote stream to DOM element
          session.attachMediaStream('remoteOpponentVideoElementId', remoteStream);
    };

所述页面(被调用者)的控制台提供以下输出。

[Chat] Connect with parameters {"userId":22222,"password":"bbbbbbbb"} 
[Chat] Status.CONNECTING (Chat Protocol - WebSocket) connectycube.min.js:1:454409
[Chat] SENT: <unavailable> 
[Chat] RECV: <unavailable>
[Chat] SENT: <unavailable> 
[Chat] RECV: <unavailable> 
[Chat] SENT: <unavailable> 
[Chat] RECV: <unavailable>
[Chat] SENT: <unavailable> 
[Chat] RECV: <unavailable> 
[Chat] SENT: <unavailable> 
[Chat] RECV: <unavailable> 
[Chat] Status.CONNECTED at 
[Chat] SENT: <unavailable>
[Chat] RECV: <unavailable>
[Chat] SENT: <unavailable> 
logged into chat 
[Chat] RECV: <unavailable>

我在这里错过了什么才能真正看到电话到达?

【问题讨论】:

    标签: javascript html videochat connectycube


    【解决方案1】:

    你的代码是正确的,

    我可以建议检查的是您如何创建 session 对象

    var calleesIds = [56, 76, 34]; // User's ids
    var sessionType = ConnectyCube.videochat.CallType.VIDEO; // AUDIO is also possible
    var additionalOptions = {};
    
    var session = ConnectyCube.videochat.createNewSession(calleesIds, sessionType, additionalOptions);
    

    我建议检查一下您身边的 calleesIds 里面有什么。我猜被调用者没有收到任何东西,因为他的用户 ID 不在调用方的 calleesIds 数组中。

    https://developers.connectycube.com/js/videocalling?id=create-video-session

    【讨论】:

    • 谢谢。这确实是错误,因为我错过了一个用于测试的用户更改。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多