| <!doctype html> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| |
| <title>Virtual x86</title> |
| <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> |
| |
| <script src="build/v86_all.js"></script> |
| <link rel="stylesheet" href="v86.css"> |
| |
| <div> |
| <div id="boot_options"> |
| <h4>Quickstart</h4> |
| <span style="display:none"><input type="button" value="Arch Linux (11.1 MB)" id="start_archlinux"> |
| - True story<br></span> |
| <input type="button" value="KolibriOS (1.4 MB)" id="start_kolibrios"> |
| - Graphical OS, takes about 60 seconds to boot<br> |
| <input type="button" value="Linux 2.6 (5.4 MB)" id="start_linux26"> |
| - With busybox, lua interpreter and test cases, takes about 20 seconds to boot<br> |
| <input type="button" value="Windows 1.01 (1.4 MB)" id="start_windows1"> |
| - Takes 1 second to boot<br> |
| <input type="button" value="FreeDOS (0.7 MB)" id="start_freedos"> |
| - With nasm, vim, debug.com, some games and demos, takes 1 second to boot<br> |
| <input type="button" value="OpenBSD (1.4 MB)" id="start_openbsd"> |
| - Random boot floppy, takes very long to boot<br> |
| <input type="button" value="Solar OS (1.4 MB)" id="start_solos"> |
| - Simple graphical OS |
| |
| <br> |
| <hr> |
| <h4>Setup</h4> |
| <table> |
| <tr> |
| <td width="250">CD image</td> |
| <td> |
| <!-- |
| <select> |
| <option>None</option> |
| <option>Local file</option> |
| <option>External Server</option> |
| </select>--> |
| <input type="file" id="cd_image"> |
| </td> |
| </tr> |
| |
| <tr> |
| <td>Floppy disk image</td> |
| <td> <input type="file" id="floppy_image"><br></td> |
| </tr> |
| |
| <tr> |
| <td>Hard drive disk image</td> |
| <td><input type="file" id="hd_image"><br></td> |
| </tr> |
| |
| <tr> |
| <td colspan="2"><hr></td> |
| </tr> |
| |
| <tr> |
| <td>Memory size</td> |
| <td> |
| <input id="memory_size" type="number" value="64" min="16" max="2048" step="16"> MB<br> |
| </td> |
| </tr> |
| |
| <tr> |
| <td>Video Memory size</td> |
| <td> |
| <input id="video_memory_size" type="number" value="8" min="1" max="128" step="1"> MB<br> |
| </td> |
| </tr> |
| |
| <tr> |
| <td colspan="2"><hr></td> |
| </tr> |
| |
| <!-- |
| <tr> |
| <td>Execution Cap </td> |
| <td> <input type="number" value="100" min="5" max="100" step="5"> %<br> </td> |
| </tr> |
| --> |
| |
| <tr> |
| <td>Boot order</td> |
| <td> |
| <select id="boot_order"> |
| <option value="213">CD / Floppy / Hard Disk</option> |
| <option value="123">CD / Hard Disk / Floppy</option> |
| <option value="231">Floppy / CD / Hard Disk</option> |
| <option value="321">Floppy / Hard Disk / CD</option> |
| <option value="312">Hard Disk / Floppy / CD</option> |
| <option value="132">Hard Disk / CD / Floppy</option> |
| </select> |
| </td> |
| </tr> |
| </table> |
| |
| <br> |
| <button id="start_emulation">Start Emulation</button> |
| </div> |
| |
| <div id="runtime_options" style="display: none"> |
| <input type="button" value="Pause" id="run"> |
| <input type="button" value="Reset" id="reset"> |
| <input type="button" value="Exit" id="exit"> |
| <input type="button" value="Send Ctrl-Alt-Del" id="ctrlaltdel"> |
| <input type="button" value="Send Alt-Tab" id="alttab"> |
| <input type="button" value="Get floppy image" id="get_fda_image"> |
| <input type="button" value="Get floppy image" id="get_fdb_image"> |
| <input type="button" value="Get HDA image" id="get_hda_image"> |
| <input type="button" value="Get HDB image" id="get_hdb_image"> |
| <input type="button" value="Disable mouse" id="toggle_mouse"> |
| <input type="button" value="Lock mouse" id="lock_mouse"> |
| <input type="button" value="Go fullscreen" id="fullscreen"> |
| <input type="button" value="Take screenshot (only graphic modes)" id="take_screenshot"> |
| |
| Scale: |
| <input type="number" min="0.25" step="0.25" value="1.0" id="scale" style="width: 50px"> |
| <br> |
| <br> |
| |
| </div> |
| <pre style="display: none" id="loading"></pre> |
| </div> |
| |
| |
| <div id="screen_container"> |
| <div id="screen"></div> |
| <canvas id="vga"></canvas> |
| </div> |
| |
| <input type="text" class="phone_keyboard" style="display: none"> |
| |
| <div id="runtime_infos" style="display: none"> |
| Running: <span id="running_time">0s</span> <br> |
| Speed: <span id="speed">0</span>kIPS<br> |
| Avg speed: <span id="avg_speed">0</span>kIPS<br> |
| <br> |
| <div id="info_hda"> |
| <b>HDA</b><br> |
| Sectors read: <span id="info_hda_sectors_read"></span><br> |
| Bytes read: <span id="info_hda_bytes_read"></span><br> |
| Sectors written: <span id="info_hda_sectors_written"></span><br> |
| Bytes written: <span id="info_hda_bytes_written"></span><br> |
| Status: <span id="info_hda_status"></span><br> |
| <br> |
| </div> |
| <div id="info_cdrom"> |
| <b>CDROM</b><br> |
| Sectors read: <span id="info_cdrom_sectors_read"></span><br> |
| Bytes read: <span id="info_cdrom_bytes_read"></span><br> |
| Status: <span id="info_cdrom_status"></span><br> |
| <br> |
| </div> |
| <b>VGA</b><br> |
| Mode: <span id="info_vga_mode"></span><br> |
| Resolution: <span id="info_res">-</span><br> |
| BPP: <span id="info_bpp">-</span><br> |
| <br> |
| Mouse: <span id="info_mouse_enabled">-</span><br> |
| <!-- Keyboard: <span id="info_keyboard_enabled">-</span><br> --> |
| </div> |
| |
| <br style="clear:both"><br> |
| |
| <textarea cols="40" rows="12" id="serial" style="display: none">This is the serial console. Whatever you type or paste here will be send to COM1. |
| |
| In Linux it can be accessed with `cat /dev/ttyS0` |
| </textarea> |
| |
| <div id="news"> |
| <hr> |
| <h4>News</h4> |
| <ul> |
| <li>Jan 10, 2014 — Updated interface |
| <li>Nov 05, 2013 — Source Code now available: <a href="https://github.com/copy/v86">Github</a>. |
| <li>Oct 17, 2013 — First public release |
| </ul> |
| </div> |
| <br style="clear:both"> |
| |
| <hr> |
| <a href="debug.html">Enable debug</a> |
| — |
| <a href="https://github.com/copy/v86/blob/master/Readme.md">Readme</a> |
| — |
| <a href="https://github.com/copy/v86">Project on Github</a> |
| — |
| <a href="https://github.com/copy/v86#compatibility">Compatibility</a> |
| — |
| <a href="./screenshots/">Screenshots</a> |
| |
| |
| |