vnc_playback.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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 type="text/javascript">
  32. var INCLUDE_URI= "../include/";
  33. </script>
  34. <script src="../include/vnc.js"></script>
  35. <script src="../include/playback.js"></script>
  36. <script>
  37. var fname, start_time;
  38. function message(str) {
  39. console.log(str);
  40. var cell = $D('messages');
  41. cell.innerHTML += str + "\n";
  42. cell.scrollTop = cell.scrollHeight;
  43. }
  44. fname = WebUtil.getQueryVar('data', null);
  45. if (fname) {
  46. message("Loading " + fname);
  47. document.write('<script src="' + fname + '"><\/script>');
  48. } else {
  49. message("Must specify data=FOO in query string.");
  50. }
  51. updateState = function (rfb, state, oldstate, msg) {
  52. switch (state) {
  53. case 'failed':
  54. case 'fatal':
  55. message("noVNC sent '" + state + "' state during iteration " + iteration + " frame " + frame_idx);
  56. test_state = 'failed';
  57. break;
  58. case 'loaded':
  59. $D('startButton').disabled = false;
  60. break;
  61. }
  62. if (typeof msg !== 'undefined') {
  63. $D('VNC_status').innerHTML = msg;
  64. }
  65. }
  66. function start() {
  67. $D('startButton').value = "Running";
  68. $D('startButton').disabled = true;
  69. iterations = $D('iterations').value;
  70. iteration = 0;
  71. start_time = (new Date()).getTime();
  72. if ($D('mode1').checked) {
  73. message("Starting performance playback (fullspeed) [" + iterations + " iteration(s)]");
  74. mode = 'perftest';
  75. } else {
  76. message("Starting realtime playback [" + iterations + " iteration(s)]");
  77. mode = 'realtime';
  78. }
  79. next_iteration();
  80. }
  81. function finish() {
  82. // Finished with all iterations
  83. var total_time, end_time = (new Date()).getTime();
  84. total_time = end_time - start_time;
  85. iter_time = parseInt(total_time / iterations, 10);
  86. message(iterations + " iterations took " + total_time + "ms, " +
  87. iter_time + "ms per iteration");
  88. rfb.get_canvas().stop(); // Shut-off event interception
  89. $D('startButton').disabled = false;
  90. $D('startButton').value = "Start";
  91. }
  92. window.onload = function() {
  93. iterations = WebUtil.getQueryVar('iterations', 3);
  94. $D('iterations').value = iterations;
  95. mode = WebUtil.getQueryVar('mode', 3);
  96. if (mode === 'realtime') {
  97. $D('mode2').checked = true;
  98. } else {
  99. $D('mode1').checked = true;
  100. }
  101. if (fname) {
  102. message("VNC_frame_data.length: " + VNC_frame_data.length);
  103. rfb = new RFB({'target': $D('VNC_canvas'),
  104. 'updateState': updateState});
  105. rfb.testMode(send_array);
  106. }
  107. }
  108. </script>
  109. </html>