tests/vnc_playback.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>VNC Playback</title>
   5     </head>
   6     <body>
   7
   8         Iterations: <input id='iterations' style='width:50'>&nbsp;
   9         Perftest:<input type='radio' id='mode1' name='mode' checked>&nbsp;
  10         Realtime:<input type='radio' id='mode2' name='mode'>&nbsp;&nbsp;
  11
  12         <input id='startButton' type='button' value='Start' style='width:100px'
  13             onclick="start();" disabled>&nbsp;
  14
  15         <br><br>
  16
  17         Results:<br>
  18         <textarea id="messages" style="font-size: 9;" cols=80 rows=25></textarea>
  19
  20         <br><br>
  21
  22         <div id="VNC_screen">
  23             <div id="VNC_status_bar" class="VNC_status_bar" style="margin-top: 0px;">
  24                 <table border=0 width=100%><tr>
  25                     <td><div id="VNC_status">Loading</div></td>
  26                 </tr></table>
  27             </div>
  28             <canvas id="VNC_canvas" width="640px" height="20px">
  29                 Canvas not supported.
  30             </canvas>
  31         </div>
  32
  33     </body>
  34
  35     <!--
  36     <script type='text/javascript'
  37         src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
  38     -->
  39
  40     <script type="text/javascript">
  41         var INCLUDE_URI= "../include/";
  42         // TODO: Data file should override
  43         var VNC_frame_encoding = "base64";
  44     </script>
  45     <script src="../include/util.js"></script>
  46     <script src="../include/webutil.js"></script>
  47
  48     <script>
  49         var fname, start_time;
  50
  51         function message(str) {
  52             console.log(str);
  53             var cell = $D('messages');
  54             cell.innerHTML += str + "\n";
  55             cell.scrollTop = cell.scrollHeight;
  56         }
  57
  58         fname = WebUtil.getQueryVar('data', null);
  59         if (fname) {
  60             message("Loading " + fname);
  61             // Load supporting scripts
  62             Util.load_scripts(["base64.js", "websock.js", "des.js", "keysym.js",
  63                             "keysymdef.js", "keyboard.js", "input.js", "display.js",
  64                             "rfb.js", "playback.js", "inflator.js", fname]);
  65
  66         } else {
  67             message("Must specify data=FOO in query string.");
  68         }
  69
  70         updateState = function (rfb, state, oldstate, msg) {
  71             switch (state) {
  72                 case 'failed':
  73                 case 'fatal':
  74                     message("noVNC sent '" + state + "' state during iteration " + iteration + " frame " + frame_idx);
  75                     test_state = 'failed';
  76                     break;
  77                 case 'loaded':
  78                     break;
  79             }
  80             if (typeof msg !== 'undefined') {
  81                 $D('VNC_status').innerHTML = msg;
  82             }
  83         }
  84
  85         function start() {
  86             $D('startButton').value = "Running";
  87             $D('startButton').disabled = true;
  88
  89             iterations = $D('iterations').value;
  90             iteration = 0;
  91             start_time = (new Date()).getTime();
  92
  93             if ($D('mode1').checked) {
  94                 message("Starting performance playback (fullspeed) [" + iterations + " iteration(s)]");
  95                 mode = 'perftest';
  96             } else {
  97                 message("Starting realtime playback [" + iterations + " iteration(s)]");
  98                 mode = 'realtime';
  99             }
 100
 101             //recv_message = rfb.testMode(send_array, VNC_frame_encoding);
 102
 103             next_iteration();
 104         }
 105
 106         function finish() {
 107             // Finished with all iterations
 108             var total_time, end_time = (new Date()).getTime();
 109             total_time = end_time - start_time;
 110
 111             iter_time = parseInt(total_time / iterations, 10);
 112             message(iterations + " iterations took " + total_time + "ms, " +
 113                     iter_time + "ms per iteration");
 114             // Shut-off event interception
 115             rfb.get_mouse().ungrab();
 116             rfb.get_keyboard().ungrab();
 117             $D('startButton').disabled = false;
 118             $D('startButton').value = "Start";
 119
 120         }
 121
 122         window.onscriptsload = function () {
 123             iterations = WebUtil.getQueryVar('iterations', 3);
 124             $D('iterations').value = iterations;
 125             mode = WebUtil.getQueryVar('mode', 3);
 126             if (mode === 'realtime') {
 127                 $D('mode2').checked = true;
 128             } else {
 129                 $D('mode1').checked = true;
 130             }
 131             if (fname) {
 132                 message("VNC_frame_data.length: " + VNC_frame_data.length);
 133             }
 134             $D('startButton').disabled = false;
 135         }
 136     </script>
 137 </html>