|
|
@@ -1,161 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html>
|
|
|
-
|
|
|
-<head>
|
|
|
- <meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
- <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" />
|
|
|
- <meta charset="UTF-8">
|
|
|
- <meta name="theme-color" content="#4b75ff">
|
|
|
- <link rel="stylesheet" href="../script/semantic/semantic.min.css">
|
|
|
- <script src="../script/jquery.min.js"></script>
|
|
|
- <script src="../script/ao_module.js"></script>
|
|
|
- <script src="../script/semantic/semantic.min.js"></script>
|
|
|
- <title>WebSocket Test</title>
|
|
|
-</head>
|
|
|
-
|
|
|
-<body>
|
|
|
- <br><br>
|
|
|
- <div class="ui container">
|
|
|
- <h3>WebSocket Testing Interface</h3>
|
|
|
- <div class="ui form">
|
|
|
- <div class="field">
|
|
|
- <label>Recv</label>
|
|
|
- <textarea id="incoming"></textarea>
|
|
|
- </div>
|
|
|
- <div class="field">
|
|
|
- <label>Send</label>
|
|
|
- <input type="text" id="sendMsg">
|
|
|
- </div>
|
|
|
- <div class="field">
|
|
|
- <button class="ui blue button" onclick="sendws();">Send</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <br>
|
|
|
- <button class="ui button" onclick="openws();">Open Connection</button>
|
|
|
- </div>
|
|
|
-
|
|
|
- <script>
|
|
|
- var ws;
|
|
|
- var nolog = false;
|
|
|
-
|
|
|
- $(window).ready(function() {
|
|
|
- $("#incoming").val("");
|
|
|
- });
|
|
|
-
|
|
|
- //Send WebSocket
|
|
|
- function sendws() {
|
|
|
- var value = $("#sendMsg").val();
|
|
|
- ws.send(value);
|
|
|
- log("✉️ " + value)
|
|
|
- $("#sendMsg").val("");
|
|
|
- }
|
|
|
-
|
|
|
- //Open WebSocket connection to test script
|
|
|
- function openws() {
|
|
|
- log("⏱️ Opening...");
|
|
|
- let socket = new WebSocket(getWSEndpoint() + "/system/ajgi/interface?script=Speedtest/special/wspeedtest.js");
|
|
|
- ws = socket;
|
|
|
-
|
|
|
- socket.onopen = function(e) {
|
|
|
- log("✔️ Opened");
|
|
|
- socket.send("UPL");
|
|
|
- uploadtest(socket);
|
|
|
- };
|
|
|
-
|
|
|
- socket.onmessage = function(event) {
|
|
|
- log(`✔️: ${event.data}`);
|
|
|
- };
|
|
|
-
|
|
|
- socket.onclose = function(event) {
|
|
|
- if (event.wasClean) {
|
|
|
- log(`📪 Connection Closed Cleanly code=${event.code} reason=${event.reason}`);
|
|
|
- } else {
|
|
|
- // e.g. server process killed or network down
|
|
|
- // event.code is usually 1006 in this case
|
|
|
- log(`❌ Connection Closed Unexpectedly`);
|
|
|
- }
|
|
|
- };
|
|
|
-
|
|
|
- socket.onerror = function(error) {
|
|
|
- log(`❌ ERROR! ${error.message}`);
|
|
|
- };
|
|
|
- }
|
|
|
-
|
|
|
- function log(content) {
|
|
|
- if (content.indexOf("DATA:") == -1) {
|
|
|
- $("#incoming").val($("#incoming").val() + content + "\n");
|
|
|
- $("#incoming").scrollTop($("#incoming")[0].scrollHeight);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- function getWSEndpoint() {
|
|
|
- //Open opeartion in websocket
|
|
|
- let protocol = "wss://";
|
|
|
- if (location.protocol !== 'https:') {
|
|
|
- protocol = "ws://";
|
|
|
- }
|
|
|
- wsControlEndpoint = (protocol + window.location.hostname + ":" + window.location.port);
|
|
|
- return wsControlEndpoint;
|
|
|
- }
|
|
|
-
|
|
|
- function uploadtest(socket) {
|
|
|
- log("OK!");
|
|
|
- var randomStr = rnd(32768);
|
|
|
- var filesize = "DATA:".length + randomStr.length;
|
|
|
- log("Generated");
|
|
|
- setTimeout(executeULTest, 1000, socket, 0, 0, randomStr, filesize);
|
|
|
- }
|
|
|
-
|
|
|
- function executeULTest(socket, CurrentPow, CurrentDif, randomStr, filesize) {
|
|
|
- var CurrentMB = Math.pow(2, CurrentPow);
|
|
|
- log("Current File Size:" + bytesToSize(CurrentMB * filesize));
|
|
|
- var start = new Date();
|
|
|
- //websocket.send("Start: " + start.toString());
|
|
|
- for (var i = 0; i < CurrentMB; i++) {
|
|
|
- socket.send("DATA:" + randomStr);
|
|
|
- }
|
|
|
- var end = new Date();
|
|
|
- //websocket.send("End: " + end.toString());
|
|
|
- CurrentDif = (end.getTime() - start.getTime()) / 1000;
|
|
|
- CurrentPow++;
|
|
|
- if (CurrentDif < 5) {
|
|
|
- setTimeout(executeULTest, 1000, socket, CurrentPow, CurrentDif, randomStr, filesize);
|
|
|
- } else {
|
|
|
- socket.send("stop");
|
|
|
- log("Total transmitted:" + bytesToSize(CurrentMB * filesize));
|
|
|
- log("Total time:" + CurrentDif + "s");
|
|
|
- log("Bandwidth:" + bytesToSize(CurrentMB * filesize / CurrentDif) + "/s OR " + bytesToSpeed(CurrentMB * filesize / CurrentDif));
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- //https://stackoverflow.com/questions/1349404/generate-random-string-characters-in-javascript
|
|
|
- function rnd(length) {
|
|
|
- var result = '';
|
|
|
- var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
|
|
- var charactersLength = characters.length;
|
|
|
- for (var i = 0; i < length; i++) {
|
|
|
- result += characters.charAt(Math.floor(Math.random() *
|
|
|
- charactersLength));
|
|
|
- }
|
|
|
- return result;
|
|
|
- }
|
|
|
-
|
|
|
- //https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript
|
|
|
- function bytesToSize(bytes) {
|
|
|
- var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
|
|
|
- if (bytes == 0) return '0 Byte';
|
|
|
- var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
|
|
|
- return Math.round((bytes / Math.pow(1024, i)) * 100, 3) / 100 + ' ' + sizes[i];
|
|
|
- }
|
|
|
-
|
|
|
- function bytesToSpeed(bytes) {
|
|
|
- bytes = bytes * 8;
|
|
|
- var sizes = ['bps', 'Kbps', 'Mbps', 'Gbps', 'Tbps'];
|
|
|
- if (bytes == 0) return '0 Byte';
|
|
|
- var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1000)));
|
|
|
- return Math.round((bytes / Math.pow(1000, i)) * 100, 3) / 100 + ' ' + sizes[i];
|
|
|
- }
|
|
|
- </script>
|
|
|
-</body>
|
|
|
-
|
|
|
-</html>
|
AY