Я создал приложение с помощью веб-приложения agoraIO sdk, но не смог присоединиться к видеовызовам

Я создаю веб-приложение, используя agora io web sdk для создания клиента видеозвонка. Я выполнил все действия, но все еще не могу присоединиться к каналу, введя другой идентификатор приложения.

Примечание: я не написал my_app_id в скрипте здесь, но правильно написал на оригинальной странице скрипта

<!DOCTYPE html>
<html>

<head>
  <script type="text/javascript" src="AgoraRTCSDK-2.5.0"></script>

  <link rel="stylesheet" href="agora.css" />
  <link rel="stylesheet" href="bootstrap.min.css" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
  <script src="http://cdn.agora.io/sdk/web/AgoraRTCSDK-2.5.0.js"></script>

  <script language="javascript">
    document.onmousedown = disableclick;
    status = "Right Click Disabled";
    Function disableclick(e) {
      if (event.button == 2) {
        alert(status);
        return false;
      }
    }
  </script>

</head>

<body oncontextmenu="return false" align="center">
  <h1 id="h"><u>AGORA CONFERENCE</u></h1>

  <script>
    var client = AgoraRTC.createClient({
      mode: 'live',
      codec: "h264"
    });
    client.init('my_app_ID', function() {
      console.log("AgoraRTC client initialized");

    }, function(err) {
      console.log("AgoraRTC client init failed", err);
    });

    client.join(null, anand, null, function(uid) {
      console.log("User " + uid + " join channel successfully");

    }, function(err) {
      console.log("Join channel failed", err);
    });

    localStream = AgoraRTC.createStream({
      streamID: uid,
      audio: true,
      video: true,
      screen: false
    });


    localStream.init(function() {
      console.log("getUserMedia successfully");
      localStream.play('agora_local');

    }, function(err) {
      console.log("getUserMedia failed", err);
    });

    client.publish(localStream, function(err) {
      console.log("Publish local stream error: " + err);
    });

    client.on('stream-published', function(evt) {
      console.log("Publish local stream successfully");
    });

    client.on('stream-added', function(evt) {
      var stream = evt.stream;
      console.log("New stream added: " + stream.getId());

      client.subscribe(stream, function(err) {
        console.log("Subscribe stream failed", err);
      });
    });
    client.on('stream-subscribed', function(evt) {
      var remoteStream = evt.stream;
      console.log("Subscribe remote stream successfully: " + stream.getId());
      stream.play('agora_remote' + stream.getId());
    })

    localStream.init(function() {
      console.log("getUserMedia successfully");
      // Use agora_local as the ID of the dom element
      localStream.play('agora_local');

    }, function(err) {
      console.log("getUserMedia failed", err);
    });


    client.on('stream-subscribed', function(evt) {
      var remoteStream = evt.stream;
      console.log("Subscribe remote stream successfully: " + stream.getId());
      // Use agora_remote + stream.getId() as the ID of the dom element
      remoteStream.play('agora_remote' + stream.getId());
    })


    client.leave(function() {
      console.log("Leavel channel successfully");
    }, function(err) {
      console.log("Leave channel failed");
    });
  </script>
  <br><br><br>
  <div id="div_device" class="panel panel-default"></div>
  </p1>

  <body>
    <div id="div">
      <div id="div_device" class="panel panel-default">
        <div class="select">
          <label for="audioSource">Audio source: </label>
          <select id="audioSource"></select>
          <label for="videoSource">Video source: </label>
          <select id="videoSource"></select>
        </div>
      </div>

    </div>


    <div id="div_join" class="panel panel-default">

      <br><br><br>

      <div class="panel-body">
        App ID: <input id="appId" type="text" value="" size="36"></input>
        Channel: <input id="channel" type="text" value="1000" size="4"></input>
        Host: <input id="video" type="checkbox" checked></input>
        <button id="join" onclick="join()">Join</button>
        <button id="leave" onclick="leave()">Leave</button>
        <button id="publish" onclick="publish()">Publish</button>
        <button id="unpublish" onclick="unpublish()">Unpublish</button>
        <button id="subscribe" onclick="subscribe()">Subscribe</button>
      </div>

      <div id="agora_local" id="agora_remote">

      </div>
  </body>

</html>
Источник

1 ответ

На платформе Agora.io, чтобы присоединиться к одному каналу, каждый клиент должен использовать одинаковые AppId и ChannelName. Если у вас другой AppID и то же имя канала, это не сработает, потому что серверная часть будет думать, что это два уникальных канала, по одному для каждого AppId.

Источник

Ваши функции, join, leave, publish, unpublish... не определены.

Источник
Другие вопросы по тегам