2022-07-23 07:32:54 +00:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<style>
|
|
|
|
|
tr {
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.video {
|
|
|
|
|
width: 360px;
|
|
|
|
|
background-color: black;
|
|
|
|
|
margin: 2px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
button {
|
|
|
|
|
margin: 2;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#sharedBtns {
|
|
|
|
|
padding: 5;
|
|
|
|
|
background-color: papayawhip;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
2022-08-06 07:05:43 +00:00
|
|
|
|
|
|
|
|
#closeCallBtn {
|
|
|
|
|
padding: 5;
|
|
|
|
|
background-color: papayawhip;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
width: 736px;
|
|
|
|
|
}
|
2022-07-23 07:32:54 +00:00
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="video">
|
2022-12-19 17:31:33 +00:00
|
|
|
<legend>Client options:</legend>
|
|
|
|
|
<input type="checkbox" id="produceAudio" name="produceAudio">
|
|
|
|
|
<label for="produceAudio">Produce audio</label><br>
|
2022-07-23 07:32:54 +00:00
|
|
|
<table>
|
|
|
|
|
<thead>
|
|
|
|
|
<th>Local Video</th>
|
|
|
|
|
<th>Remote Video</th>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<div id="sharedBtns">
|
2022-12-19 17:31:33 +00:00
|
|
|
<video
|
|
|
|
|
id="localVideo"
|
|
|
|
|
class="video"
|
|
|
|
|
autoplay
|
|
|
|
|
muted
|
|
|
|
|
playsinline
|
|
|
|
|
></video>
|
2022-07-23 07:32:54 +00:00
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<div id="sharedBtns">
|
2022-12-19 17:31:33 +00:00
|
|
|
<video
|
|
|
|
|
id="remoteVideo"
|
|
|
|
|
class="video"
|
|
|
|
|
autoplay
|
|
|
|
|
muted
|
|
|
|
|
playsinline
|
|
|
|
|
></video>
|
2022-07-23 07:32:54 +00:00
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<div id="sharedBtns">
|
2022-07-27 06:55:07 +00:00
|
|
|
<button id="btnLocalVideo">Publish</button>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<div id="sharedBtns">
|
2023-02-11 19:32:53 +00:00
|
|
|
<!-- <button id="btnRecvSendTransport">Consume</button> -->
|
2022-12-19 17:31:33 +00:00
|
|
|
<button id="remoteSoundControl">Unmute</button>
|
2022-07-23 07:32:54 +00:00
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
2022-08-06 07:05:43 +00:00
|
|
|
<div id="closeCallBtn">
|
|
|
|
|
<button id="btnCloseCall" disabled>Close Call</button>
|
|
|
|
|
</div>
|
2022-07-23 07:32:54 +00:00
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</body>
|
|
|
|
|
<footer>
|
|
|
|
|
<script src="bundle.js"></script>
|
|
|
|
|
</footer>
|
|
|
|
|
</html>
|
