Accueil Explorer Aide
S'inscrire Connexion
Tankernn
/
rc-control
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

Make URLs configurable in client

Tankernn il y a 7 ans
Parent
5b0843e7fa
commit
7c105d770f
2 fichiers modifiés avec 19 ajouts et 3 suppressions
Vue séparée Afficher les stats Diff
  1. 8 1
      client/index.html
  2. 11 2
      client/js/script.js

+ 8 - 1
client/index.html
Voir le fichier 

@@ -12,7 +12,14 @@
 
 </head>
 
 
 <body>
 
-  <img src="http://raspberrypi:8080/?action=stream" />
 
+  <form id="settings">
 
+    <input type="text" id="control_url" placeholder="ws://..." />
 
+    <input type="text" id="stream_url" placeholder="http://..." />
 
+    <button id="connect">Connect</button>
 
+  </form>
 
+  <div id="stream">
 
+
 
+  </div>
 
   <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
 
   <script src="js/script.js"></script>
 
 </body>

+ 11 - 2
client/js/script.js
Voir le fichier 

@@ -1,5 +1,5 @@
 
-$(document).ready(function () {
 
-  var socket = new WebSocket("ws://raspberrypi:54321");
 
+function connect(stream_url, control_url) {
 
+  var socket = new WebSocket(control_url);
 
   var keys = [];
 
 
   socket.onopen = function() {
 
@@ -21,4 +21,13 @@ $(document).ready(function () {
 
       keys.splice(keys.indexOf(e.keyCode), 1);
 
     }
 
   });
 
+
 
+  $("#stream").append('<img src="' + stream_url + '" width="1280" height="720" />');
 
+}
 
+
 
+$(document).ready(function () {
 
+  $("#connect").click(function () {
 
+    connect($("#stream_url").val(), $("#control_url").val());
 
+    $("#settings").remove();
 
+  });
 
 });