48 lines
1.7 KiB
HTML
48 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title></title>
|
|
<link rel="icon" href="data:,">
|
|
<link rel="stylesheet" href="styles/app.css">
|
|
<link rel="stylesheet" href="index.css">
|
|
<script src="_framework/hybridwebview.js"></script>
|
|
<script src="media.js"></script>
|
|
<script src="relaySocket.js"></script>
|
|
<script src="rtc.js"></script>
|
|
<script src="index.js"></script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h3>Relay RTC Test</h3>
|
|
</div>
|
|
|
|
<div>
|
|
<button onclick="Media.refreshDevicesAndPreview()">Refresh Devices</button>
|
|
<button onclick="RelayRtc.joinChannelCall()">Join Call</button>
|
|
</div>
|
|
|
|
<div style="margin-top: 8px;">
|
|
<label for="cameraSelect">Camera:</label>
|
|
<select id="cameraSelect"></select>
|
|
|
|
<label for="micSelect" style="margin-left: 12px;">Microphone:</label>
|
|
<select id="micSelect"></select>
|
|
</div>
|
|
|
|
<div style="margin-top: 10px;">
|
|
<div style="display: inline-block; margin-right: 20px; vertical-align: top;">
|
|
<video id="localVideo" autoplay playsinline muted style="width: 320px; height: 240px; background: #111;"></video>
|
|
<div id="localVideoStatus">Local video: waiting...</div>
|
|
<div id="localMediaStatus">Waiting for local media...</div>
|
|
</div>
|
|
|
|
<div id="remoteMediaContainer" class="remote-media-container"></div>
|
|
</div>
|
|
|
|
<div style="margin-top: 10px;">
|
|
<textarea readonly id="messageLog" style="width: 90%; height: 12em;"></textarea>
|
|
</div>
|
|
</body>
|
|
</html> |