47 lines
1.4 KiB
HTML
47 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<link rel="icon" href="data:image/png;base64,iVBORw0KGgo=">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script type="module" src="index.js"></script>
|
|
</head>
|
|
|
|
<style>
|
|
input,button {
|
|
box-shadow: 0 0 0 2px black;
|
|
}
|
|
|
|
video {
|
|
max-width: 100vw;
|
|
max-height: 50vh;
|
|
}
|
|
</style>
|
|
<div id="status">Loading...</div>
|
|
<div id="permission">
|
|
<button onclick="allow()">Allow</button>
|
|
<button onclick="deny()">Deny</button>
|
|
</div>
|
|
<span id="connectionSettings" hidden>
|
|
<table>
|
|
<tr>
|
|
<td>Websocket URL:</td>
|
|
<td><input id="obsurl" type="url"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Websocket Password:</td>
|
|
<td><input id="obspassword" type="password"></td>
|
|
</tr>
|
|
</table>
|
|
<button id="connect" onclick="connect()">Connect</button>
|
|
<button id="useQR" onclick="useQrCode()">Use QR Code</button>
|
|
<button id="skip" onclick="skipVerification()">Skip Verification</button>
|
|
<br>
|
|
<span id="qr" hidden>
|
|
<video id="qrvideo" hidden></video>
|
|
<br>
|
|
<span>Make sure this device and the one running OBS are on the same network.</span>
|
|
<br>
|
|
<button onclick="screenCapture()">Screen Capture</button>
|
|
<span id="loadingCameras">Loading video device list...</span>
|
|
</span>
|
|
</span> |