tests/vnc_playback.html

   1 <html>
   2     <head>
   3         <title>VNC Test</title>
   4         <link rel="stylesheet" href="include/plain.css">
   5     </head>
   6     <body>
   7
   8         Iterations: <input id='iterations' style='width:50' value="3">&nbsp;
   9
  10         <input id='startButton' type='button' value='Start' style='width:100px'
  11             onclick="start();" disabled>&nbsp;
  12
  13         <br><br>
  14
  15         <div id="VNC_screen">
  16             <div id="VNC_status_bar" class="VNC_status_bar" style="margin-top: 0px;">
  17                 <table border=0 width=100%><tr>
  18                     <td><div id="VNC_status">Loading</div></td>
  19                 </tr></table>
  20             </div>
  21             <canvas id="VNC_canvas" width="640px" height="20px">
  22                 Canvas not supported.
  23             </canvas>
  24         </div>
  25
  26         <br>
  27         Results:<br>
  28         <textarea id="messages" style="font-size: 9;" cols=80 rows=25></textarea>
  29     </body>
  30
  31     <!--
  32     <script type='text/javascript'
  33         src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
  34     -->
  35
  36     <script src="include/vnc.js"></script>
  37
  38     <script>
  39         var rfb, fname, test_state, frame_idx, frame_length, iteration,
  40             iterations, start_time, packetID, waitTimer;
  41
  42         function message(str) {
  43             console.log(str);
  44             cell = $('messages');
  45             cell.innerHTML += str + "\n";
  46             cell.scrollTop = cell.scrollHeight;
  47         }
  48
  49         fname = (document.location.href.match(
  50                  /data=([A-Za-z0-9\._\-]*)/) ||
  51                  ['', ''])[1];
  52
  53         if (fname) {
  54             message("Loading " + fname);
  55             document.write('<script src="' + fname + '"><\/script>');
  56         } else {
  57             message("Must specify data=FOO in query string.");
  58         }
  59
  60         // Override send_array
  61         send_array = function (arr) {
  62             // Stub out send_array
  63         }
  64
  65         updateState = function (rfb, state, oldstate, msg) {
  66             switch (state) {
  67                 case 'failed':
  68                 case 'fatal':
  69                     message("noVNC sent '" + state + "' state during iteration " + iteration);
  70                     test_state = 'failed';
  71                     break;
  72                 case 'loaded':
  73                     $('startButton').disabled = false;
  74                     break;
  75             }
  76             if (typeof msg !== 'undefined') {
  77                 $('VNC_status').innerHTML = msg;
  78             }
  79         }
  80
  81         function start () {
  82             $('startButton').value = "Running";
  83             $('startButton').disabled = true;
  84             test_state = 'running';
  85
  86             iterations = $('iterations').value;
  87             iteration = 0;
  88             frame_length = VNC_frame_data.length;
  89             total_time = 0;
  90             start_time = (new Date()).getTime();
  91
  92             setTimeout(next_iteration, 1);
  93         }
  94
  95         function next_iteration () {
  96             var time, iter_time, end_time;
  97
  98             if (test_state !== 'running') { return; }
  99
 100             if (iteration !== 0) {
 101                 rfb.disconnect();
 102             }
 103
 104             iteration++;
 105             if (iteration > iterations) {
 106                 // Finished with all iterations
 107                 var end_time = (new Date()).getTime();
 108                 total_time = end_time - start_time;
 109
 110                 iter_time = parseInt(total_time / iterations, 10);
 111                 message(iterations + " iterations took " + total_time + "ms, " +
 112                         iter_time + "ms per iteration");
 113                 rfb.get_canvas().stop();   // Shut-off event interception
 114                 $('startButton').disabled = false;
 115                 $('startButton').value = "Start";
 116                 return;
 117             }
 118
 119             frame_idx = 0;
 120             rfb.connect('test', 0, "bogus");
 121
 122             setTimeout(do_packet, 1);
 123
 124         }
 125
 126         function do_packet () {
 127             var frame;
 128             if (test_state !== 'running') { return; }
 129
 130             frame = VNC_frame_data[frame_idx];
 131             while (frame.charAt(0) === "}") {
 132                 //message("Send frame " + frame_idx);
 133                 frame_idx ++;
 134                 frame = VNC_frame_data[frame_idx];
 135                 if (frame_idx >= frame_length) {
 136                     break;
 137                 }
 138             }
 139
 140
 141             //message("Processing frame: " + frame_idx);
 142             if (frame) {
 143                 rfb.recv_message({'data' : frame.slice(frame.indexOf('{', 1)+1)});
 144                 frame_idx++;
 145             }
 146
 147             if (frame_idx >= frame_length) {
 148                 next_iteration();
 149             } else {
 150                 setTimeout(do_packet, 1);
 151             }
 152         }
 153
 154         window.onload = function() {
 155             if (fname) {
 156                 message("VNC_frame_data.length: " + VNC_frame_data.length);
 157                 rfb = RFB({'target': 'VNC_canvas',
 158                         'updateState': updateState});
 159                 rfb.testMode(send_array);
 160                 rfb.init();
 161             }
 162         }
 163     </script>
 164 </html>