index.html 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. <!doctype html>
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  3. <title>Virtual x86</title>
  4. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  5. <script src="build/v86_all.js"></script>
  6. <link rel="stylesheet" href="v86.css">
  7. <div>
  8. <div id="boot_options">
  9. <h4>Quickstart</h4>
  10. <input type="button" value="ReactOS (32 MB)" id="start_reactos">
  11. - Restored from snapshot<br>
  12. <input type="button" value="Windows 95 (6.7 MB)" id="start_windows95">
  13. - Restored from snapshot<br>
  14. <input type="button" value="FreeBSD 10.2 (13.0 MB)" id="start_freebsd">
  15. - Restored from snapshot<br>
  16. <input type="button" value="Oberon (16.0 MB)" id="start_oberon">
  17. - Native Oberon 2.3.6<br>
  18. <input type="button" value="Windows 98 (12.0 MB)" id="start_windows98">
  19. - Including Minesweeper, additional sectors are loaded as needed<br>
  20. <input type="button" value="Arch Linux (10.1 MB)" id="start_archlinux">
  21. - A complete Arch Linux restored from a snapshot, additional files are loaded as needed<br>
  22. <input type="button" value="KolibriOS (1.4 MB)" id="start_kolibrios">
  23. - Graphical OS, takes about 60 seconds to boot<br>
  24. <input type="button" value="Linux 2.6 (5.4 MB)" id="start_linux26">
  25. - With busybox, Lua interpreter and test cases, takes about 20 seconds to boot<br>
  26. <input type="button" value="Linux 3.18 (8.3 MB)" id="start_linux3">
  27. - With internet access, telnet, ping, wget and links. Takes about 60 seconds to boot. Run <code>udhcpc</code> for networking. Exchange files through <code>/mnt/</code>.<br>
  28. <input type="button" value="Windows 1.01 (1.4 MB)" id="start_windows1">
  29. - Takes 1 second to boot<br>
  30. <input type="button" value="MS-DOS 6.22 (3.4 MB)" id="start_msdos">
  31. - Takes 10 seconds to boot. With Enhanced Tools, QBasic and everything from the FreeDOS image<br>
  32. <input type="button" value="FreeDOS (0.7 MB)" id="start_freedos">
  33. - With nasm, vim, debug.com, some games and demos, takes 1 second to boot<br>
  34. <input type="button" value="OpenBSD (1.4 MB)" id="start_openbsd">
  35. - Random boot floppy, takes about 60 seconds<br>
  36. <input type="button" value="Solar OS (1.4 MB)" id="start_solos">
  37. - Simple graphical OS<br>
  38. <input type="button" value="Bootchess (0.2 MB)" id="start_bootchess">
  39. - A tiny chess program written in the boot sector
  40. <br>
  41. <hr>
  42. <h4>Setup</h4>
  43. <table>
  44. <tr>
  45. <td width="350">CD image</td>
  46. <td>
  47. <input type="file" id="cd_image">
  48. </td>
  49. </tr>
  50. <tr>
  51. <td>Floppy disk image</td>
  52. <td> <input type="file" id="floppy_image"><br></td>
  53. </tr>
  54. <tr>
  55. <td>Hard drive disk image</td>
  56. <td><input type="file" id="hd_image"><br></td>
  57. </tr>
  58. <!--
  59. <tr>
  60. <td>Multiboot kernel image (experimental)</td>
  61. <td><input type="file" id="multiboot_image"><br></td>
  62. </tr>
  63. -->
  64. <tr>
  65. <td colspan="2"><small><small>Disk images are not uploaded to the server</small></small><hr></td>
  66. </tr>
  67. <tr>
  68. <td>Memory size</td>
  69. <td>
  70. <input id="memory_size" type="number" value="128" min="16" max="2048" step="16"> MB<br>
  71. </td>
  72. </tr>
  73. <tr>
  74. <td>Video Memory size</td>
  75. <td>
  76. <input id="video_memory_size" type="number" value="8" min="1" max="128" step="1"> MB<br>
  77. </td>
  78. </tr>
  79. <tr>
  80. <td colspan="2"><hr></td>
  81. </tr>
  82. <tr>
  83. <td>Boot order</td>
  84. <td>
  85. <select id="boot_order">
  86. <option value="213">CD / Floppy / Hard Disk</option>
  87. <option value="123">CD / Hard Disk / Floppy</option>
  88. <option value="231">Floppy / CD / Hard Disk</option>
  89. <option value="321">Floppy / Hard Disk / CD</option>
  90. <option value="312">Hard Disk / Floppy / CD</option>
  91. <option value="132">Hard Disk / CD / Floppy</option>
  92. </select>
  93. </td>
  94. </tr>
  95. </table>
  96. <br>
  97. <button id="start_emulation">Start Emulation</button>
  98. </div>
  99. <div id="runtime_options" style="display: none">
  100. <input type="button" value="Pause" id="run">
  101. <input type="button" value="Reset" id="reset">
  102. <input type="button" value="Exit" id="exit">
  103. <input type="button" value="Send Ctrl-Alt-Del" id="ctrlaltdel">
  104. <input type="button" value="Send Alt-Tab" id="alttab">
  105. <input type="button" value="Get floppy image" id="get_fda_image">
  106. <input type="button" value="Get second floppy image" id="get_fdb_image">
  107. <input type="button" value="Get hard disk image" id="get_hda_image">
  108. <input type="button" value="Get second hard disk image" id="get_hdb_image">
  109. <input type="button" value="Get cdrom image" id="get_cdrom_image">
  110. <input type="button" value="Save State" id="save_state">
  111. <input type="button" value="Load State" id="load_state"> <input type="file" style="display: none" id="load_state_input">
  112. <input type="button" value="Memory Dump" id="memory_dump">
  113. <input type="button" value="Disable mouse" id="toggle_mouse">
  114. <input type="button" value="Lock mouse" id="lock_mouse">
  115. <input type="button" value="Go fullscreen" id="fullscreen">
  116. <input type="button" value="Take screenshot (only graphic modes)" id="take_screenshot">
  117. <label>
  118. Scale:
  119. <input type="number" min="0.25" step="0.25" value="1.0" id="scale" style="width: 50px">
  120. </label>
  121. <br>
  122. <label id="change_fda" style="display: none">
  123. Change floppy:
  124. <input type="file">
  125. </label>
  126. <label id="change_cdrom" style="display: none">
  127. Change CD:
  128. <input type="file">
  129. </label>
  130. <br>
  131. </div>
  132. <pre style="display: none" id="loading"></pre>
  133. </div>
  134. <div id="screen_container" style="display: none">
  135. <div id="screen"></div>
  136. <canvas id="vga"></canvas>
  137. <div style="position: absolute; top: 0; z-index: 10">
  138. <textarea class="phone_keyboard"></textarea>
  139. </div>
  140. </div>
  141. <div id="runtime_infos" style="display: none">
  142. Running: <span id="running_time">0s</span> <br>
  143. Speed: <span id="speed">0</span> mIPS<br>
  144. Avg speed: <span id="avg_speed">0</span> mIPS<br>
  145. <br>
  146. <div id="info_storage" style="display: none">
  147. <b>IDE device (HDA or CDROM)</b><br>
  148. Sectors read: <span id="info_storage_sectors_read">0</span><br>
  149. Bytes read: <span id="info_storage_bytes_read">0</span><br>
  150. Sectors written: <span id="info_storage_sectors_written">0</span><br>
  151. Bytes written: <span id="info_storage_bytes_written">0</span><br>
  152. Status: <span id="info_storage_status"></span><br>
  153. <br>
  154. </div>
  155. <div id="info_filesystem" style="display: none">
  156. <b>9p Filesystem</b><br>
  157. Bytes read: <span id="info_filesystem_bytes_read">0</span><br>
  158. Bytes written: <span id="info_filesystem_bytes_written">0</span><br>
  159. <div style="white-space: nowrap; overflow-x: hidden">Last file: <span id="info_filesystem_last_file"></span></div>
  160. Status: <span id="info_filesystem_status"></span><br>
  161. <br>
  162. </div>
  163. <div id="info_network" style="display: none">
  164. <b>Network</b><br>
  165. Bytes received: <span id="info_network_bytes_received">0</span><br>
  166. Bytes transmitted: <span id="info_network_bytes_transmitted">0</span><br>
  167. <br>
  168. </div>
  169. <b>VGA</b><br>
  170. Mode: <span id="info_vga_mode"></span><br>
  171. Resolution: <span id="info_res">-</span><br>
  172. BPP: <span id="info_bpp">-</span><br>
  173. <br>
  174. Mouse: <span id="info_mouse_enabled">No</span><br>
  175. <!-- Keyboard: <span id="info_keyboard_enabled">-</span><br> -->
  176. <div id="description" style="display: none"></div>
  177. </div>
  178. <div id="filesystem_panel" style="display: none">
  179. <label title="Files will appear in / of the 9p filesystem">
  180. Send files to emulator<br>
  181. <input type="file" id="filesystem_send_file" multiple>
  182. </label>
  183. <br><br>
  184. <label>
  185. Get file from emulator<br>
  186. <input type="text" id="filesystem_get_file" placeholder="Absolute path">
  187. </label>
  188. </div>
  189. <br style="clear:both"><br>
  190. <textarea cols="40" rows="12" id="serial" style="display: none">This is the serial console. Whatever you type or paste here will be sent to COM1.
  191. In Linux it can be accessed with `cat /dev/ttyS0`
  192. </textarea>
  193. <div id="terminal"></div>
  194. <br style="clear:both">
  195. <code>Version: <a href="https://github.com/copy/v86/commits/b40c8ad2">b40c8ad2</a> (Apr 23, 2020 01:04)</code>
  196. <hr>
  197. <a href="debug.html">Enable debug</a>
  198. &mdash;
  199. <a href="https://github.com/copy/v86/blob/master/Readme.md">Readme</a>
  200. &mdash;
  201. <a href="https://github.com/copy/v86">Project on Github</a>
  202. &mdash;
  203. <a href="https://github.com/copy/v86#compatibility">Compatibility</a>
  204. &mdash;
  205. <a href="./screenshots/">Screenshots</a>