1 files changed, 81 insertions, 0 deletions
diff --git a/web/stream.gathering.org/streamstats.html b/web/stream.gathering.org/streamstats.html
new file mode 100644
index 0000000..5d6adc7
--- /dev/null
+++ b/web/stream.gathering.org/streamstats.html
@@ -0,0 +1,81 @@
+<html>
+  <head>
+    <script>
+      function construct_url(name, choices) {
+        // port
+        var url = name + '=';
+        if (document.getElementById('split_' + name).checked) {
+          url += 'compare:';
+        }
+        var choices_so_far = 0;
+        for (var i = 0; i < choices.length; ++i) {
+          var check = document.getElementById(name + '_' + choices[i]);
+          if (!check.checked) {
+            continue;
+          }
+          if (choices_so_far++ != 0) {
+            url += ',';
+          }
+          url += choices[i];
+        }
+        return url;
+      }
+
+      function update() {
+        var url = 'http://stream.tg13.gathering.org/streamstats-fast.pl?';
+        url += construct_url('port', [ 3013, 3014, 3015, 3016, 3017, 3018, 5013, 5015 ]);
+        url += '&' + construct_url('proto', [ 'IPv4', 'IPv6' ]);
+        url += '&' + construct_url('audience', [ 'internal', 'external' ]);
+        
+        document.getElementById('graph').src = url;
+      }
+    </script>
+  </head>
+  <body>
+    <table>
+      <tr>
+        <th>Ports:</th>
+        <td>
+          <label><input type="checkbox" id="port_3013" checked="checked" onchange="update();" /> 3013 (Main)</label><br />
+          <label><input type="checkbox" id="port_3014" checked="checked" onchange="update();" /> 3014 (Main SD)</label><br />
+          <label><input type="checkbox" id="port_3015" checked="checked" onchange="update();" /> 3015 (Webcam)</label><br />
+          <label><input type="checkbox" id="port_3016" checked="checked" onchange="update();" /> 3016 (Webcam south)</label><br />
+          <label><input type="checkbox" id="port_3017" checked="checked" onchange="update();" /> 3017 (Webcam south transcode)</label><br />
+          <label><input type="checkbox" id="port_3018" checked="checked" onchange="update();" /> 3018 (Fisheye)</label><br />
+          <label><input type="checkbox" id="port_5013" checked="checked" onchange="update();" /> 5013 (Main LQ/Flash)</label><br />
+          <label><input type="checkbox" id="port_5015" checked="checked" onchange="update();" /> 5015 (Webcam LQ/Flash)</label>
+        </td>
+        <td>
+          <label><input type="checkbox" id="split_port" onchange="update();" /> Split</label>
+        </td>
+      </tr>
+      <tr>
+        <th>Protocol:</th>
+        <td>
+          <label><input type="checkbox" id="proto_IPv4" checked="checked" onchange="update();" /> IPv4</label><br />
+          <label><input type="checkbox" id="proto_IPv6" checked="checked" onchange="update();" /> IPv6</label><br />
+        </td>
+        <td>
+          <label><input type="checkbox" id="split_proto" onchange="update();" /> Split</label>
+        </td>
+      </tr>
+      <tr>
+        <th>Audience:</th>
+        <td>
+          <label><input type="checkbox" id="audience_internal" checked="checked" onchange="update();" /> Internal</label><br />
+          <label><input type="checkbox" id="audience_external" checked="checked" onchange="update();" /> External</label><br />
+        </td>
+        <td>
+          <label><input type="checkbox" id="split_audience" onchange="update();" /> Split</label>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="3">
+          <input type="button" value="Update display" onclick="update();" />
+        </td>
+      </tr>
+    </table>
+    <p><img src="" id="graph" /></p>
+    <script>update();</script>
+  </body>
+</html>