64 lines
1.8 KiB
HTML
64 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>CrossDesk Web Client</title>
|
||
<link rel="stylesheet" href="styles.css" />
|
||
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>CrossDesk Web Client</h1>
|
||
|
||
<div class="card">
|
||
<h2>连接设置</h2>
|
||
<div class="option">
|
||
<label for="transmission-id">传输ID：</label>
|
||
<input id="transmission-id" type="text" value="475319798" />
|
||
</div>
|
||
<div class="option">
|
||
<label for="transmission-pwd">密码：</label>
|
||
<input id="transmission-pwd" type="password" value="111111" />
|
||
</div>
|
||
<div class="actions">
|
||
<button id="connect" onclick="connect()" disabled>连接</button>
|
||
<button id="disconnect" style="display: none" onclick="disconnect()">
|
||
断开连接
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="states">
|
||
<div class="state-item">
|
||
<p>ICE 连接状态: <span id="ice-connection-state"></span></p>
|
||
</div>
|
||
<div class="state-item">
|
||
<p>ICE 收集状态: <span id="ice-gathering-state"></span></p>
|
||
</div>
|
||
<div class="state-item">
|
||
<p>信令状态: <span id="signaling-state"></span></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="media" style="display: none">
|
||
<h2>远程画面</h2>
|
||
<video
|
||
id="video"
|
||
playsinline
|
||
webkit-playsinline
|
||
x5-video-player-type="h5"
|
||
x5-video-player-fullscreen="true"
|
||
muted
|
||
></video>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h2>数据通道</h2>
|
||
<pre id="data-channel"></pre>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="web_client.js"></script>
|
||
</body>
|
||
</html>
|