vnc_playback.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>VNC Playback</title>
  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 type="text/javascript">
  32. var INCLUDE_URI= "../include/";
  33. // TODO: Data file should override
  34. var VNC_frame_encoding = "binary";
  35. </script>
  36. <script src="../include/util.js"></script>
  37. <script src="../include/webutil.js"></script>
  38. <script>
  39. var fname, start_time;
  40. function message(str) {
  41. console.log(str);
  42. var cell = $D('messages');
  43. cell.textContent += str + "\n";
  44. cell.scrollTop = cell.scrollHeight;
  45. }
  46. fname = WebUtil.getQueryVar('data', null);
  47. if (fname) {
  48. message("Loading " + fname);
  49. // Load supporting scripts
  50. Util.load_scripts(["base64.js", "websock.js", "des.js", "keysym.js",
  51. "keysymdef.js", "keyboard.js", "input.js", "display.js",
  52. "rfb.js", "playback.js", "inflator.js", fname]);
  53. } else {
  54. message("Must specify data=FOO in query string.");
  55. }
  56. updateState = function (rfb, state, oldstate, msg) {
  57. switch (state) {
  58. case 'failed':
  59. case 'fatal':
  60. message("noVNC sent '" + state + "' state during iteration " + iteration + " frame " + frame_idx);
  61. test_state = 'failed';
  62. break;
  63. case 'loaded':
  64. break;
  65. }
  66. if (typeof msg !== 'undefined') {
  67. $D('VNC_status').textContent = msg;
  68. }
  69. }
  70. function start() {
  71. $D('startButton').value = "Running";
  72. $D('startButton').disabled = true;
  73. iterations = $D('iterations').value;
  74. iteration = 0;
  75. start_time = (new Date()).getTime();
  76. if ($D('mode1').checked) {
  77. message("Starting performance playback (fullspeed) [" + iterations + " iteration(s)]");
  78. mode = 'perftest';
  79. } else {
  80. message("Starting realtime playback [" + iterations + " iteration(s)]");
  81. mode = 'realtime';
  82. }
  83. //recv_message = rfb.testMode(send_array, VNC_frame_encoding);
  84. next_iteration();
  85. }
  86. function finish() {
  87. // Finished with all iterations
  88. var total_time, end_time = (new Date()).getTime();
  89. total_time = end_time - start_time;
  90. iter_time = parseInt(total_time / iterations, 10);
  91. message(iterations + " iterations took " + total_time + "ms, " +
  92. iter_time + "ms per iteration");
  93. // Shut-off event interception
  94. rfb.get_mouse().ungrab();
  95. rfb.get_keyboard().ungrab();
  96. $D('startButton').disabled = false;
  97. $D('startButton').value = "Start";
  98. }
  99. window.onscriptsload = function () {
  100. iterations = WebUtil.getQueryVar('iterations', 3);
  101. $D('iterations').value = iterations;
  102. mode = WebUtil.getQueryVar('mode', 3);
  103. if (mode === 'realtime') {
  104. $D('mode2').checked = true;
  105. } else {
  106. $D('mode1').checked = true;
  107. }
  108. if (fname) {
  109. message("VNC_frame_data.length: " + VNC_frame_data.length);
  110. }
  111. $D('startButton').disabled = false;
  112. }
  113. </script>
  114. </html>