Voice and text communications platform powered by WebRTC
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

55 lines
1.9 KiB

<!DOCTYPE html>
<html>
<head>
<title>harmony</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/harmony.css">
<script src="assets/js/jquery.js"></script>
<script src="assets/js/harmony.js"></script>
</head>
<body>
<div class="wrapper">
<nav class="sideleft" id="sideleft">
<ul>
<li style="margin-bottom: 10px;">
<div class="headericon">&#128240;</div>
Text Channels
</li>
<ul class="widelinks" style="padding-left: 5px;">
<li><b>#lobby</b></li>
</ul>
<li style="margin-bottom: 10px;">&nbsp;</li>
<li style="margin-bottom: 10px;">
<div class="headericon">&#128266;</div>
Voice Channels
</li>
<ul style="padding-left: 5px;">
<li style="margin-bottom: 5px;"><b>&lobby</b> &nbsp; <a href="#" id="togglevoice">Join</a></li>
<li id="userlistvoice1"></li>
</ul>
</ul>
</nav>
<article class="content" id="chathistory">
</article>
<aside class="sideright" id="sideright">
</aside>
<div class="header" id="header">
<div style="display: inline-block;float: left;" id="mainheader">#lobby</div>
<div style="display: inline-block;float: right;" id="subheader">harmony demo</div>
</div>
<div class="status">
<div id="userstatus">Loading...</div>
</div>
<footer class="footer">
<div style="padding: 7px;" id="chatinputcontainer">
<textarea id="chatinput" placeholder="Message #lobby" rows="2"></textarea>
</div>
<div id="voicepttcontainer" style="display: none;">
<button id="voiceptt">Push-To-Talk</button>
</div>
</footer>
</div>
<div style="display: none" id="hidden">
</div>
</body>
</html>