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= "../";
  42         // TODO: Data file should override
  43         var VNC_frame_encoding = "binary";
  44     </script>
  45     <script src="../core/util.js"></script>
  46     <script src="../app/webutil.js"></script>
  47
  48     <script>
  49         var fname, start_time;
  50
  51         function message(str) {
  52             console.log(str);
  53             var cell = document.getElementById('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             WebUtil.load_scripts({
  63                 'core': ["base64.js", "websock.js", "des.js", "keysym.js",
  64                          "keysymdef.js", "xtscancodes.js", "keyboard.js",
  65                          "input.js", "display.js", "rfb.js", "inflator.js"],
  66                 'tests': ["playback.js"],
  67                 'recordings': [fname]});
  68
  69         } else {
  70             message("Must specify data=FOO in query string.");
  71         }
  72
  73         updateState = function (rfb, state, oldstate, msg) {
  74             switch (state) {
  75                 case 'failed':
  76                 case 'fatal':
  77                     message("noVNC sent '" + state + "' state during iteration " + iteration + " frame " + frame_idx);
  78                     test_state = 'failed';
  79                     break;
  80                 case 'loaded':
  81                     break;
  82             }
  83             if (typeof msg !== 'undefined') {
  84                 document.getElementById('VNC_status').innerHTML = msg;
  85             }
  86         }
  87
  88         function start() {
  89             document.getElementById('startButton').value = "Running";
  90             document.getElementById('startButton').disabled = true;
  91
  92             iterations = document.getElementById('iterations').value;
  93             iteration = 0;
  94             start_time = (new Date()).getTime();
  95
  96             if (document.getElementById('mode1').checked) {
  97                 message("Starting performance playback (fullspeed) [" + iterations + " iteration(s)]");
  98                 mode = 'perftest';
  99             } else {
 100                 message("Starting realtime playback [" + iterations + " iteration(s)]");
 101                 mode = 'realtime';
 102             }
 103
 104             //recv_message = rfb.testMode(send_array, VNC_frame_encoding);
 105
 106             next_iteration();
 107         }
 108
 109         function finish() {
 110             // Finished with all iterations
 111             var total_time, end_time = (new Date()).getTime();
 112             total_time = end_time - start_time;
 113
 114             iter_time = parseInt(total_time / iterations, 10);
 115             message(iterations + " iterations took " + total_time + "ms, " +
 116                     iter_time + "ms per iteration");
 117             // Shut-off event interception
 118             rfb.get_mouse().ungrab();
 119             rfb.get_keyboard().ungrab();
 120             document.getElementById('startButton').disabled = false;
 121             document.getElementById('startButton').value = "Start";
 122
 123         }
 124
 125         window.onscriptsload = function () {
 126             iterations = WebUtil.getQueryVar('iterations', 3);
 127             document.getElementById('iterations').value = iterations;
 128             mode = WebUtil.getQueryVar('mode', 3);
 129             if (mode === 'realtime') {
 130                 document.getElementById('mode2').checked = true;
 131             } else {
 132                 document.getElementById('mode1').checked = true;
 133             }
 134             if (fname) {
 135                 message("VNC_frame_data.length: " + VNC_frame_data.length);
 136             }
 137             document.getElementById('startButton').disabled = false;
 138         }
 139     </script>
 140 </html>