gstreamer/subprojects/gst-examples/webrtc/sendrecv/js/index.html
Nirbheek Chauhan 80603746af webrtc/js: Support pressing "enter" to connect
I press "enter" every time which doesn't work and then I click
"Connect", so let's fix that.

Part-of: <https://gitlab.freedesktop.org/gstreamer/gstreamer/-/merge_requests/5045>
2023-07-19 13:01:49 +00:00

46 lines
1.5 KiB
HTML

<!DOCTYPE html>
<!--
vim: set sts=2 sw=2 et :
Demo Javascript app for negotiating and streaming a sendrecv webrtc stream
with a GStreamer app. Runs only in passive mode, i.e., responds to offers
with answers, exchanges ICE candidates, and streams.
Author: Nirbheek Chauhan <nirbheek@centricular.com>
-->
<html>
<head>
<meta charset="utf-8"/>
<style>
.error { color: red; }
</style>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
<script src="webrtc.js"></script>
<script>
window.onload = websocketServerConnect;
</script>
</head>
<body>
<div id="video"></div>
<div>Status: <span id="status">unknown</span></div>
<div><textarea id="text" cols=40 rows=4></textarea></div>
<br/>
<div>
<label for="peer-connect">Enter peer id</label>
<input id="peer-connect" type="text" name="text" onkeypress="onTextKeyPress();" required>
<input id="peer-connect-button" onclick="onConnectClicked();" type="button" value="Connect">
<!-- Request the peer to send the offer by sending the OFFER_REQUEST message.
Same as the --remote-offerer flag in the sendrecv C example -->
<input id="remote-offerer" type="checkbox" autocomplete="off"><span>Remote offerer</span>
</div>
<div>Our id is <b id="peer-id">unknown</b></div>
<br/>
<div>
<div>getUserMedia constraints being used:</div>
<div><textarea id="constraints" cols=40 rows=4></textarea></div>
</div>
</body>
</html>