TC
/
arozos


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
							<!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 CurrentPow = 0;
            var CurrentDif = 0;
            var randomStr = rnd(1024);
            var filesize = "DATA:".length + randomStr.length;
            log("Generated");
            while (CurrentDif < 5) {
                var CurrentMB = Math.pow(2, CurrentPow);
                log("Current File Size:" + bytesToSize(CurrentMB));
                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++;
            }
            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>