vnc_playback.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <html>
  2. <head>
  3. <title>VNC Playback</title>
  4. <link rel="stylesheet" href="include/plain.css">
  5. </head>
  6. <body>
  7. Iterations: <input id='iterations' style='width:50'>&nbsp;
  8. Perftest:<input type='radio' id='mode1' name='mode' checked>&nbsp;
  9. Realtime:<input type='radio' id='mode2' name='mode'>&nbsp;&nbsp;
  10. <input id='startButton' type='button' value='Start' style='width:100px'
  11. onclick="start();" disabled>&nbsp;
  12. <br><br>
  13. Results:<br>
  14. <textarea id="messages" style="font-size: 9;" cols=80 rows=25></textarea>
  15. <br><br>
  16. <div id="VNC_screen">
  17. <div id="VNC_status_bar" class="VNC_status_bar" style="margin-top: 0px;">
  18. <table border=0 width=100%><tr>
  19. <td><div id="VNC_status">Loading</div></td>
  20. </tr></table>
  21. </div>
  22. <canvas id="VNC_canvas" width="640px" height="20px">
  23. Canvas not supported.
  24. </canvas>
  25. </div>
  26. </body>
  27. <!--
  28. <script type='text/javascript'
  29. src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
  30. -->
  31. <script src="include/vnc.js"></script>
  32. <script src="include/playback.js"></script>
  33. <script>
  34. var fname, start_time;
  35. function message(str) {
  36. console.log(str);
  37. var cell = $D('messages');
  38. cell.innerHTML += str + "\n";
  39. cell.scrollTop = cell.scrollHeight;
  40. }
  41. fname = WebUtil.getQueryVar('data', null);
  42. if (fname) {
  43. message("Loading " + fname);
  44. document.write('<script src="' + fname + '"><\/script>');
  45. } else {
  46. message("Must specify data=FOO in query string.");
  47. }
  48. updateState = function (rfb, state, oldstate, msg) {
  49. switch (state) {
  50. case 'failed':
  51. case 'fatal':
  52. message("noVNC sent '" + state + "' state during iteration " + iteration + " frame " + frame_idx);
  53. test_state = 'failed';
  54. break;
  55. case 'loaded':
  56. $D('startButton').disabled = false;
  57. break;
  58. }
  59. if (typeof msg !== 'undefined') {
  60. $D('VNC_status').innerHTML = msg;
  61. }
  62. }
  63. function start() {
  64. $D('startButton').value = "Running";
  65. $D('startButton').disabled = true;
  66. iterations = $D('iterations').value;
  67. iteration = 0;
  68. start_time = (new Date()).getTime();
  69. if ($D('mode1').checked) {
  70. message("Starting performance playback (fullspeed) [" + iterations + " iteration(s)]");
  71. mode = 'perftest';
  72. } else {
  73. message("Starting realtime playback [" + iterations + " iteration(s)]");
  74. mode = 'realtime';
  75. }
  76. next_iteration();
  77. }
  78. function finish() {
  79. // Finished with all iterations
  80. var total_time, end_time = (new Date()).getTime();
  81. total_time = end_time - start_time;
  82. iter_time = parseInt(total_time / iterations, 10);
  83. message(iterations + " iterations took " + total_time + "ms, " +
  84. iter_time + "ms per iteration");
  85. rfb.get_canvas().stop(); // Shut-off event interception
  86. $D('startButton').disabled = false;
  87. $D('startButton').value = "Start";
  88. }
  89. window.onload = function() {
  90. iterations = WebUtil.getQueryVar('iterations', 3);
  91. $D('iterations').value = iterations;
  92. mode = WebUtil.getQueryVar('mode', 3);
  93. if (mode === 'realtime') {
  94. $D('mode2').checked = true;
  95. } else {
  96. $D('mode1').checked = true;
  97. }
  98. if (fname) {
  99. message("VNC_frame_data.length: " + VNC_frame_data.length);
  100. rfb = new RFB({'target': $D('VNC_canvas'),
  101. 'updateState': updateState});
  102. rfb.testMode(send_array);
  103. }
  104. }
  105. </script>
  106. </html>