tests/vnc_perf.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>VNC Performance Benchmark</title>
   5     </head>
   6     <body>
   7
   8         Passes: <input id='passes' style='width:50' value=3>&nbsp;
   9
  10         <input id='startButton' type='button' value='Start' style='width:100px'
  11             onclick="do_test();" disabled>&nbsp;
  12
  13         <br><br>
  14
  15         Results:<br>
  16         <textarea id="messages" style="font-size: 9;" cols=80 rows=15></textarea>
  17
  18         <br><br>
  19
  20         <div id="VNC_screen">
  21             <div id="VNC_status_bar" class="VNC_status_bar" style="margin-top: 0px;">
  22                 <table border=0 width=100%><tr>
  23                     <td><div id="VNC_status">Loading</div></td>
  24                 </tr></table>
  25             </div>
  26             <canvas id="VNC_canvas" width="640px" height="20px">
  27                 Canvas not supported.
  28             </canvas>
  29         </div>
  30
  31     </body>
  32
  33     <!--
  34     <script type='text/javascript'
  35         src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
  36     -->
  37
  38     <script type="text/javascript">
  39         var INCLUDE_URI= "../";
  40     </script>
  41     <script src="../core/util.js"></script>
  42     <script src="../app/webutil.js"></script>
  43
  44     <script>
  45         var fname = WebUtil.getQueryVar('data', null);
  46         if (fname) {
  47             msg("Loading " + fname);
  48
  49             // Load supporting scripts
  50             WebUtil.load_scripts({
  51                 'core': ["base64.js", "websock.js", "des.js", "input/keysym.js",
  52                          "input/keysymdef.js", "input/xtscancodes.js", "input/util.js",
  53                          "input/keyboard.js", "input/mouse.js", "display.js", "rfb.js",
  54                          "inflator.js", "input/vkeys.js", "input/fixedkeys.js"],
  55                 'tests': ["playback.js"],
  56                 'recordings': [fname]});
  57         } else {
  58             msg("Must specifiy data=FOO.js in query string.");
  59         }
  60
  61         var start_time, VNC_frame_data, pass, passes, encIdx,
  62             encOrder = ['raw', 'rre', 'hextile', 'tightpng', 'copyrect'],
  63             encTot = {}, encMin = {}, encMax = {},
  64             passCur, passTot, passMin, passMax;
  65
  66         function msg(str) {
  67             console.log(str);
  68             var cell = document.getElementById('messages');
  69             cell.textContent += str + "\n";
  70             cell.scrollTop = cell.scrollHeight;
  71         }
  72         function dbgmsg(str) {
  73             if (Util.get_logging() === 'debug') {
  74                 msg(str);
  75             }
  76         }
  77
  78         disconnected = function (rfb, reason) {
  79             if (reason) {
  80                 msg("noVNC sent '" + state +
  81                     "' state during pass " + pass +
  82                     ", iteration " + iteration +
  83                     " frame " + frame_idx);
  84                 test_state = 'failed';
  85             }
  86         }
  87
  88         function do_test() {
  89             document.getElementById('startButton').value = "Running";
  90             document.getElementById('startButton').disabled = true;
  91
  92             mode = 'perftest'; // full-speed
  93             passes = document.getElementById('passes').value;
  94             pass = 1;
  95             encIdx = 0;
  96
  97             // Render each encoding once for each pass
  98             iterations = 1;
  99
 100             // Initialize stats counters
 101             for (i = 0; i < encOrder.length; i++) {
 102                 enc = encOrder[i];
 103                 encTot[i] = 0;
 104                 encMin[i] = 2<<23; // Something sufficiently large
 105                 encMax[i] = 0;
 106             }
 107             passCur = 0;
 108             passTot = 0;
 109             passMin = 2<<23;
 110             passMax = 0;
 111
 112             // Fire away
 113             next_encoding();
 114         }
 115
 116         function next_encoding() {
 117             var encName;
 118
 119             if (encIdx >= encOrder.length) {
 120                 // Accumulate pass stats
 121                 if (passCur < passMin) {
 122                     passMin = passCur;
 123                 }
 124                 if (passCur > passMax) {
 125                     passMax = passCur;
 126                 }
 127                 msg("Pass " + pass + " took " + passCur + " ms");
 128
 129                 passCur = 0;
 130                 encIdx = 0;
 131                 pass += 1;
 132                 if (pass > passes) {
 133                     // We are finished
 134                     // Shut-off event interception
 135                     rfb.get_mouse().ungrab();
 136                     rfb.get_keyboard().ungrab();
 137                     document.getElementById('startButton').disabled = false;
 138                     document.getElementById('startButton').value = "Start";
 139                     finish_passes();
 140                     return; // We are finished, terminate
 141                 }
 142             }
 143
 144             encName = encOrder[encIdx];
 145             dbgmsg("Rendering pass " + pass + " encoding '" + encName + "'");
 146
 147             VNC_frame_data = VNC_frame_data_multi[encName];
 148             iteration = 0;
 149             start_time = (new Date()).getTime();
 150
 151             next_iteration();
 152         }
 153
 154         // Finished rendering current encoding
 155         function finish() {
 156             var total_time, end_time = (new Date()).getTime();
 157             total_time = end_time - start_time;
 158
 159             dbgmsg("Encoding " + encOrder[encIdx] + " took " + total_time + "ms");
 160
 161             passCur += total_time;
 162             passTot += total_time;
 163
 164             // Accumulate stats
 165             encTot[encIdx] += total_time;
 166             if (total_time < encMin[encIdx]) {
 167                 encMin[encIdx] = total_time;
 168             }
 169             if (total_time > encMax[encIdx]) {
 170                 encMax[encIdx] = total_time;
 171             }
 172
 173             encIdx += 1;
 174             next_encoding();
 175         }
 176
 177         function finish_passes() {
 178             var i, enc, avg, passAvg;
 179             msg("STATS (for " + passes + " passes)");
 180             // Encoding stats
 181             for (i = 0; i < encOrder.length; i++) {
 182                 enc = encOrder[i];
 183                 avg = (encTot[i] / passes).toFixed(1);
 184                 msg("  " + enc + ": " + encTot[i] + " ms, " +
 185                     encMin[i] + "/" + avg + "/" + encMax[i] +
 186                     " (min/avg/max)");
 187
 188             }
 189             // Print pass stats
 190             passAvg = (passTot / passes).toFixed(1);
 191             msg("\n  All passes: " + passTot + " ms, " +
 192                 passMin + "/" + passAvg + "/" + passMax +
 193                 " (min/avg/max)");
 194         }
 195
 196         window.onscriptsload = function() {
 197             var i, enc;
 198             dbgmsg("Frame lengths:");
 199             for (i = 0; i < encOrder.length; i++) {
 200                 enc = encOrder[i];
 201                 dbgmsg("  " + enc + ": " + VNC_frame_data_multi[enc].length);
 202             }
 203             document.getElementById('startButton').disabled = false;
 204         }
 205     </script>
 206 </html>