open-easyrtc
Version:
Open-EasyRTC enables quick development of WebRTC
33 lines (29 loc) • 2.36 kB
HTML
<html>
<head>
<title>Multiparty Chatroom</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../easyrtc/easyrtc.css" />
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<script src="/socket.io/socket.io.js"></script>
<script type="text/javascript" src="../easyrtc/easyrtc.js"></script>
<link rel="stylesheet" type="text/css" href="css/demo_room.css" />
<script type="text/javascript" src="js/demo_multiparty.js"></script>
</head>
<body onload="appInit()">
<div id="fullpage" class="boxCommon" style="background-image:url(images/irongrip.png)">
<video id="box0" class="transit boxCommon thumbCommon easyrtcMirror" muted="muted" volume="0" autoplay="autoplay" playsinline="playsinline"></video>
<video id="box1" class="transit boxCommon thumbCommon" style="visibility:hidden" autoplay="autoplay" playsinline="playsinline"></video>
<video id="box2" class="transit boxCommon thumbCommon" style="visibility:hidden" autoplay="autoplay" playsinline="playsinline"></video>
<video id="box3" class="transit boxCommon thumbCommon" style="visibility:hidden" autoplay="autoplay" playsinline="playsinline"></video>
<div id="textentryBox" onsubmit="sendText()" style="display:none" >
<input type="text" id="textentryField" class="transit boxcommon" /><br>
<button id="textentrySubmit" style="float:right;margin-right:1em" onclick="sendText()">Send</button>
<button id="textentryCancel" style="float:left;margin-left:1em" onclick="cancelText()">Cancel</button>
</div>
<img id="killButton" class="transit boxCommon" onclick="killActiveBox()" src="images/button_close.png" style="display:none;z-index:3" alt="close button" />
<img id="muteButton" class="transit boxCommon" onclick ="muteActiveBox()" src="images/button_mute.png" style="display:none;z-index:3" alt="mute button" />
<img id="textEntryButton" class="transit boxCommon" onclick ="showTextEntry()" src="images/textEntry.png" style="z-index:3;display:none" alt="text button" />
</div>
</body>
</html>