hh.html

mail@pastecode.io avatar
unknown
html
a month ago
4.7 kB
2
Indexable
Never
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/assets/bootstrap.min.css">
    <link rel="stylesheet" href="/assets/index.css">
    <link rel="stylesheet" href="/st.css">
    
  

    <!-- include Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <!-- include jQuery -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <!-- include Bootstrap JS -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
 
    <title>Dashboard</title>
    
  <style>
  .user-icon-container {
  position: relative;
}
.dot-red, .dot-green {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 5px;
  right: 5px;
  z-index: 1;
}

.dot-red {
  background-color: red;
}

.dot-green {
  background-color: green;
}.dot-red, .dot-green {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 5px;
  right: 5px;
  z-index: 1;
}

.dot-red {
  background-color: red;
}

.dot-green {
  background-color: green;
}
.user-mute-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px; /* adjust the size of the mute icon as needed */
  height: 20px;
}
      
.left-aligned {
      float: left;
    }
      

</style>   
    
    
</head>
    

<body>
    <!-- Modal -->

<!-- Button that triggers the modal -->


    <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="/">My App</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
            <li class="nav-item active">
                <a class="nav-link" href="/">Dashboard</a>
            </li>
        </ul>
        <a href="/logout" class="btn btn-secondary ml-auto">Logout</a>
    </div>
</nav>



<div>  
<div class="container mt-5 left-aligned">
     <label for="your name"><i class="zmdi zmdi-account material-icons-name"></i></label>
     <input type="text" id="input" placeholder="Link" required title="url"/>

    <button type="button" class="btn btn-primary" id="submit-channel-name">StartVc</button>
  </div>
  <br>
  <div class="container left-aligned">
    <form id="join-form">
      

      <div class="button-group">
        <button id="join" type="submit" class="btn btn-primary btn-sm">Join</button>
        <button id="leave" type="button" class="btn btn-primary btn-sm" disabled>Leave</button>
        <button id="ref_vc" type="button" class="btn btn-primary btn-sm">ref_voice</button>
        <button id="record-button" type="button" class="btn btn-primary btn-sm">recording</button>
        <button id="stop-button" type="button" class="btn btn-primary btn-sm">stop</button>
        
    </div>
    
      </div>
    </form>

    
      <br>

    <div class="row video-group">
      <div class="col">
        <p id="local-player-name" class="player-name"></p>
        
        <div id="local-player" class="player"></div>
        <audio id="audio" class ="player"></audio>
      </div>
      <div class="w-100"></div>
      <div class="col">
        <div id="remote-playerlist"></div>
      </div>
    </div>
  </div>
  <div id="members">
    
        </div>


<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/jquery-toast-plugin@1.3.2/dist/jquery.toast.min.js"></script>

<script src="/ff.js"></script>


<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>



<script src="/assets/jquery-3.4.1.min.js"></script>

<script src="/assets/bootstrap.bundle.min.js"></script>



</body>
</html>