src/pages/meeting/meeting.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="cache-control" content="max-age=0">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="shortcut icon" href="assets/favicon.ico">
  <title>AgoraWeb</title>
</head>

<body>
  <div class="wrapper" id="page-meeting">
    <div class="ag-header">
      <div class="ag-header-lead">
        <img class="ag-header-logo" src="../../assets/images/webrtc-logo-no-text.png" alt="">
        <!--<span>AgoraWeb v2.2</span>-->
      </div>
      <div class="ag-header-msg">
        Room:&nbsp;
        <span id="room-name">--</span>
      </div>
    </div>
    <div class="ag-main">
      <div class="ag-container" id="ag-canvas">
        <canvas id="canvas" width=640px height=480px></canvas>
        <!-- btn group -->
        <div class="ag-btn-group">
          <span class="ag-btn exitBtn" title="Exit">
            <i class="ag-icon icon-call-ends"></i>
          </span>
          <span class="ag-btn videoControlBtn" title="Enable/Disable Video">
            <i class="ag-icon icon-camera"></i>
            <i class="ag-icon icon-camera-off"></i>
          </span>
          <span class="ag-btn audioControlBtn" title="Enable/Disable Audio">
            <i class="ag-icon icon-mic"></i>
            <i class="ag-icon icon-mic-off"></i>
          </span>
          <span class="ag-btn shareScreenBtn" title="Share Screen">
            <i class="ag-icon icon-screen-share"></i>
          </span>
          <span class="ag-btn displayModeBtn" title="Switch Display Mode">
            <i class="ag-icon icon-switch-layout"></i>
          </span>
          <span class="ag-btn hideBackgroundBtn is-hidden" title="Hide my background">
            <i class="ag-icon icon-ctrl"></i>
          </span>
          <!-- <span class="ag-btn ctrlBtn" title="Control">
            <i class="ag-icon icon-ctrl"></i>
          </span> -->
          <!-- <span class="ag-btn disableRemoteBtn" title="Hide/Show Remote Stream">
            <i class="ag-icon icon-visible"></i>
            <i class="ag-icon icon-invisible"></i>
          </span> -->
          <!-- <span class="ag-btn inviteBtn"></span>
            <span class="ag-btn shareBtn"></span> -->
        </div>
      </div>

    </div>
    <div class="ag-footer">
      <a class="ag-href" target="_blank" href="https://webrtc.ventures">
        <span>About WebRTC.Ventures</span>
      </a>
    </div>

    <!-- modal/messages/notifications -->
  </div>
  <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@0.14.2/dist/tf.min.js"></script>
  <script src="https://cdn.agora.io/sdk/web/AgoraRTCSDK-2.5.0.js"></script>
  <!-- inject -->
</body>

</html>