Главная Обзор Помощь
Вход
computer_glamour
/
librespeed-mirror
зеркало из https://github.com/librespeed/speedtest
1
0
Ответвить 0
Файлы Задачи 0 Вики
Просмотр исходного кода

New example, "improved" garbage.php

New example using justgage.js for nice displays, and Google Fonts for more awesomeness of this tool
Changed garbage.php, now enforcing download (good for comparisons of measured speed vs. raw download speed) and disabling php buffering stuff
Martin 9 лет назад
Родитель
3f99127b69
Сommit
d8b1f0d085
2 измененных файлов с 189 добавлено и 4 удалено
Единый вид Показать статистику Diff
  1. 170 0
      example4.html
  2. 19 4
      garbage.php

+ 170 - 0
example4.html
Просмотреть файл 

@@ -0,0 +1,170 @@
 
+<!DOCTYPE html>
 
+<html>
 
+    <head>
 
+        <title>Speedtest</title>
 
+        <style type="text/css">
 
+
 
+            html,body{
 
+                margin:0;
 
+                padding:0;
 
+                border:none;
 
+                text-align:center;
 
+                font-family: 'Open Sans';
 
+            }
 
+
 
+            h1,h2,h3,h4,h5,h6
 
+            {
 
+                font-family: 'Roboto', sans-serif;
 
+                font-weight: 700;
 
+            }
 
+
 
+            div.meter{
 
+                display:inline-block;
 
+                height:300px;
 
+                width:400px;
 
+                text-align: center;
 
+                font-size:6vw;
 
+            }
 
+
 
+            div#testArea
 
+            {
 
+                display: flex; 
+                justify-content: center;
 
+                flex-flow: row wrap;
 
+            }
 
+
 
+
 
+            a {
 
+                text-decoration: none;
 
+            }
 
+
 
+            .button {
 
+                display: inline-block;
 
+                margin: 10px 5px 0 2px;
 
+                padding: 16px 40px;
 
+                border-radius: 5px;
 
+                font-size: 18px;
 
+                border: none;
 
+                background: #34aadc;
 
+                color: white;
 
+                cursor: pointer;
 
+                text-transform: uppercase;
 
+                font-weight: 700;
 
+                font-family: 'Roboto';
 
+            }    
+
 
+        </style>
 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael-min.js"></script>
 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/justgage/1.2.2/justgage.min.js"></script>
 
+        <script type="text/javascript">
 
+            var w=null;
 
+            var ggdl,ggul,ggping;
 
+            function runTest(){
 
+                w=new Worker("speedtest_worker.js");
 
+                var interval=setInterval(function(){w.postMessage("status");}.bind(this),100);
 
+                document.getElementById("abortBtn").style.display="";
 
+                document.getElementById("startBtn").style.display="none";
 
+                w.onmessage=function(event){
 
+                    var data=event.data.split(";");
 
+                    var status=Number(data[0]);
 
+                    if(status>=4){
 
+                        clearInterval(interval);
 
+                        document.getElementById("abortBtn").style.display="none";
 
+                        document.getElementById("startBtn").style.display="";
 
+                        w=null;
 
+                    }
 
+                    updateGauge(ggdl,   data[1]);
 
+                    updateGauge(ggul,   data[2]);
 
+                    updateGauge(ggping, data[3]);
 
+                }.bind(this);
 
+                w.postMessage("start");
 
+            }
 
+            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"
 
+                    ]
 
+
 
+                });
 
+
 
+                ggping = new JustGage({
 
+                    id: 'ggping',
 
+                    title: "Ping",
 
+                    label: "ms",
 
+                    titleFontFamily : "Open Sans",
 
+                    valueFontFamily : "Open Sans",
 
+                    refreshAnimationTime: 300, 
+                    value: 0,
 
+                    min: 0,
 
+                    max: 10,
 
+                    decimals : 2,
 
+                    formatNumber: true,                    
+                    humanFriendly : false,  
+                    levelColors: [
 
+                        "#999999",
 
+                        "#993333"
 
+                    ]
 
+
 
+                });
 
+            });
 
+
 
+            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">
 
+    </head>
 
+    <body>
 
+        <h1>Speed Test</h1>
 
+        <div id="testArea">
 
+            <div class="meter" id="ggdl"></div>
 
+            <div class="meter" id="ggul"></div>
 
+            <div class="meter" id="ggping"></div>
 
+        </div>
 
+        <div>
 
+            <a href="javascript:runTest()"   id="startBtn" class="button">Start</a>
 
+            <a href="javascript:abortTest()" id="abortBtn" class="button" style="display:none;">Abort</a>
 
+        </div>
 
+        <p>Fonts: <a href="https://fonts.google.com/">Google Gonts</a> | Gauges: <a href="http://justgage.com/">justgage.com</a></p>
 
+    </body>
 
+</html>

+ 19 - 4
garbage.php
Просмотреть файл 

@@ -1,9 +1,24 @@
 
 <?php
 
 <?php
 
+// Disable Compression (would be too easy for 000...)
 
+@ini_set('zlib.output_compression', 'Off');
 
+@ini_set('output_buffering', 'Off');
 
+@ini_set('output_handler', '');
 
+// Headers
 
 header( "HTTP/1.1 200 OK" );
 
 header( "HTTP/1.1 200 OK" );
 
-$data=str_repeat("0",1048576);
 
+// Download follows...
 
+header('Content-Description: File Transfer');
 
+header('Content-Type: application/octet-stream');
 
+header('Content-Disposition: attachment; filename=random.dat'); 
+header('Content-Transfer-Encoding: binary');
 
+// Never cache me
 
+header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
 
+header("Cache-Control: post-check=0, pre-check=0", false);
 
+header("Pragma: no-cache");
 
+// Generate data
 
+$data=str_repeat("0",1048575)."\n"; 
+// Deliver chunks of 1048576 bytes (or more - depending on encoding!)
 
 while(1){
 
 while(1){
 
-	echo $data;
 
-	flush();
 
+    echo $data;
 
+    flush();
 
 }
 
 }
 
-
 
 ?>
 
 ?>