Różnice

Różnice między wybraną wersją a wersją aktualną.

--- en:tester_predkosci [2016/10/07 13:29] – utworzono michal
+++ en:tester_predkosci [2017/08/27 20:47] – michal
@@ Linia 5: / Linia 5: @@
 <html>
 <div style="text-align: center; margin:50px">
-<!-- BEGIN SPEED TEST - DO NOT ALTER BELOW-->
+<link rel="stylesheet" type="text/css" media="all" href="http://www.sloneczko.net/pomoc/speedtest.css" />
-<script type="text/javascript" src="speedtest/swfobject.js?v=2.2"></script>
+    <script src="http://www.sloneczko.net/pomoc/raphael-min.js"></script>
-          <div id="mini-demo">
+    <script src="http://www.sloneczko.net/pomoc/justgage.min.js"></script>
-                  Speedtest.net Mini requires at least version 8 of Flash. Please <a href="http://get.adobe.com/flashplayer/">update your client</a>.
+    <script type="text/javascript">
-          </div><!--/mini-demo-->
+        var w = null
-        <script type="text/javascript">
+        var ggdl, ggul, ggping
-          var flashvars = {
+        function runTest() {
-                        upload_extension: "php"
+            w = new Worker('http://www.sloneczko.net/pomoc/speedtest_worker.min.js')
-                };
+            var interval = setInterval(function () { w.postMessage('status') }, 100)
-                var params = {
+            document.getElementById('abortBtn').style.display = ''
-                        wmode: "transparent",
+            document.getElementById('startBtn').style.display = 'none'
-                        quality: "high",
+            w.onmessage = function (event) {
-                        menu: "false",
+                var data = event.data.split(';')
-                        allowScriptAccess: "always"
+                var status = Number(data[0])
-                };
+                if (status >= 4) {
-                var attributes = {};
+                    clearInterval(interval)
-                swfobject.embedSWF("speedtest.swf?v=2.1.8", "mini-demo", "350", "200", "9.0.0", "speedtest/expressInstall.swf", flashvars, params, attributes);
+                    document.getElementById('abortBtn').style.display = 'none'
-        </script>
+                    document.getElementById('startBtn').style.display = ''
-<!-- END SPEED TEST - DO NOT ALTER ABOVE -->
+                    w = null
+                }
+                updateGauge(ggdl, data[1])
+                updateGauge(ggul, data[2])
+                updateGauge(ggping, data[3])
+                document.getElementById('ip').textContent = 'Your IP: ' + data[4]
+                updateGauge(ggjitter, data[5])
+            }
+            w.postMessage('start {"time_ul": "10", "time_dl": "10", "count_ping": "50", "url_dl": "garbage.php", "url_ul": "empty.php", "url_ping": "empty.php", "url_getIp": "getIP.php"}')
+        }
+        function abortTest() {
+            if (w) w.postMessage('abort')
+        }
+        document.addEventListener('DOMContentLoaded', function (event) {
+            ggdl = new JustGage({
+                id: 'ggdl',
+                title: 'Download',
+                label: 'Mbit/s',
+                titleFontFamily: 'Open Sans',
+                valueFontFamily: 'Open Sans',
+                refreshAnimationTime: 300,
+                value: 0,
+                min: 0,
+                max: 10,
+                decimals: 2,
+                formatNumber: true,
+                humanFriendly: false,
+                levelColors: [
+                    '#999999',
+                    '#339933'
+                ]
+            })
+            ggul = new JustGage({
+                id: 'ggul',
+                title: 'Upload',
+                label: 'Mbit/s',
+                titleFontFamily: 'Open Sans',
+                valueFontFamily: 'Open Sans',
+                refreshAnimationTime: 300,
+                value: 0,
+                min: 0,
+                max: 10,
+                decimals: 2,
+                formatNumber: true,
+                humanFriendly: false,
+                levelColors: [
+                    '#999999',
+                    '#333399'
+                ]
+            })
+        })
+        function updateGauge(gauge, value) {
+            // Alway use next power of 2 as maximum
+            var max = Math.max(Math.pow(2, Math.ceil(Math.log2(value))), gauge.config.max)
+            // Refresh the gauge
+            gauge.refresh(value, max)
+        }
+    </script>
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700|Roboto:400,500,700" rel="stylesheet">
+   <div id="testArea">
+        <div class="meter" id="ggdl"></div>
+        <div class="meter" id="ggul"></div>
+        <div class="meter" id="ggping"></div>
+        <div class="meter" id="ggjitter"></div>
+    </div>
+    <div id="ip"></div>
+    <div>
+        <a href="javascript:runTest()" id="startBtn" class="button" style="display: inline-block; margin: 10px 5px 0 2px; padding:16px 40px; border-radius: 5px; font-size: 18px; border: none;  background: #E60000; color: white; cursor: pointer; text-transform: uppercase; font-weight: 700; font-family: 'Roboto';">Start</a>
+        <a href="javascript:abortTest()" id="abortBtn" class="button" style="display:none; margin: 10px 5px 0 2px; padding:16px 40px; border-radius: 5px; font-size: 18px; border: none;  background: #E60000; color: white; cursor: pointer; text-transform: uppercase; font-weight: 700; font-family: 'Roboto';"">Abort</a>
+    </div>
 </div>
 </html>