<div>
<label for="peer-connect">Enter peer id</label>
<input id="peer-connect" type="text" name="text">
- <button onclick="onConnectClicked();">Connect</button>
+ <input id="peer-connect-button" onclick="onConnectClicked();" type="button" value="Connect">
</div>
<div>Our id is <b id="peer-id">unknown</b></div>
// Promise for local stream after constraints are approved by the user
var local_stream_promise;
+function setConnectButtonState(value) {
+ document.getElementById("peer-connect-button").value = value;
+}
+
function onConnectClicked() {
+ if (document.getElementById("peer-connect-button").value == "Disconnect") {
+ resetState();
+ return;
+ }
+
var id = document.getElementById("peer-connect").value;
if (id == "") {
alert("Peer id must be filled out");
}
ws_conn.send("SESSION " + id);
+ setConnectButtonState("Disconnect");
}
function getOurId() {
document.getElementById("peer-id").textContent = peer_id;
ws_conn.send('HELLO ' + peer_id);
setStatus("Registering with server");
+ setConnectButtonState("Connect");
});
ws_conn.addEventListener('error', onServerError);
ws_conn.addEventListener('message', onServerMessage);
if (msg != null)
setStatus("Created peer connection for call, waiting for SDP");
+ setConnectButtonState("Disconnect");
return local_stream_promise;
}