| <!DOCTYPE html> |
| <html> |
| <head> |
| |
| <!-- |
| noVNC example: simple example using default UI |
| Copyright (C) 2012 Joel Martin |
| Copyright (C) 2013 Samuel Mannehed for Cendio AB |
| noVNC is licensed under the MPL 2.0 (see LICENSE.txt) |
| This file is licensed under the 2-Clause BSD license (see LICENSE.txt). |
| |
| Connect parameters are provided in query string: |
| http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1 |
| --> |
| <title>noVNC</title> |
| |
| <meta charset="utf-8"> |
| |
| <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame |
| Remove this if you use the .htaccess --> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| |
| <!-- Apple iOS Safari settings --> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
| <meta name="apple-mobile-web-app-capable" content="yes" /> |
| <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> |
| <!-- App Start Icon --> |
| <link rel="apple-touch-startup-image" href="images/screen_320x460.png" /> |
| <!-- For iOS devices set the icon to use if user bookmarks app on their homescreen --> |
| <link rel="apple-touch-icon" href="images/screen_57x57.png"> |
| <!-- |
| <link rel="apple-touch-icon-precomposed" href="images/screen_57x57.png" /> |
| --> |
| |
| |
| <!-- Stylesheets --> |
| <link rel="stylesheet" href="include/base.css" /> |
| <link rel="alternate stylesheet" href="include/black.css" TITLE="Black" /> |
| <link rel="alternate stylesheet" href="include/blue.css" TITLE="Blue" /> |
| |
| <!-- |
| <script type='text/javascript' |
| src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script> |
| --> |
| |
| </head> |
| |
| <body> |
| <div id="noVNC-control-bar"> |
| <!--noVNC Mobile Device only Buttons--> |
| <div class="noVNC-buttons-left"> |
| <input type="image" alt="viewport drag" src="images/drag.png" |
| id="noVNC_view_drag_button" class="noVNC_status_button" |
| title="Move/Drag Viewport"> |
| <div id="noVNC_mobile_buttons"> |
| <input type="image" alt="No mousebutton" src="images/mouse_none.png" |
| id="noVNC_mouse_button0" class="noVNC_status_button"> |
| <input type="image" alt="Left mousebutton" src="images/mouse_left.png" |
| id="noVNC_mouse_button1" class="noVNC_status_button"> |
| <input type="image" alt="Middle mousebutton" src="images/mouse_middle.png" |
| id="noVNC_mouse_button2" class="noVNC_status_button"> |
| <input type="image" alt="Right mousebutton" src="images/mouse_right.png" |
| id="noVNC_mouse_button4" class="noVNC_status_button"> |
| <input type="image" alt="Keyboard" src="images/keyboard.png" |
| id="showKeyboard" class="noVNC_status_button" |
| value="Keyboard" title="Show Keyboard"/> |
| <!-- Note that Google Chrome on Android doesn't respect any of these, |
| html attributes which attempt to disable text suggestions on the |
| on-screen keyboard. Let's hope Chrome implements the ime-mode |
| style for example --> |
| <textarea id="keyboardinput" autocapitalize="off" |
| autocorrect="off" autocomplete="off" spellcheck="false" |
| mozactionhint="Enter" onsubmit="return false;" |
| style="ime-mode: disabled;"></textarea> |
| <div id="noVNC_extra_keys"> |
| <input type="image" alt="Extra keys" src="images/showextrakeys.png" |
| id="showExtraKeysButton" class="noVNC_status_button"> |
| <input type="image" alt="Ctrl" src="images/ctrl.png" |
| id="toggleCtrlButton" class="noVNC_status_button"> |
| <input type="image" alt="Alt" src="images/alt.png" |
| id="toggleAltButton" class="noVNC_status_button"> |
| <input type="image" alt="Tab" src="images/tab.png" |
| id="sendTabButton" class="noVNC_status_button"> |
| <input type="image" alt="Esc" src="images/esc.png" |
| id="sendEscButton" class="noVNC_status_button"> |
| </div> |
| </div> |
| </div> |
| |
| <div id="noVNC_status">Loading</div> |
| |
| <!--noVNC Buttons--> |
| <div class="noVNC-buttons-right"> |
| <input type="image" alt="Ctrl+Alt+Del" src="images/ctrlaltdel.png" |
| id="sendCtrlAltDelButton" class="noVNC_status_button" |
| title="Send Ctrl-Alt-Del" /> |
| <input type="image" alt="Shutdown/Reboot" src="images/power.png" |
| id="xvpButton" class="noVNC_status_button" |
| title="Shutdown/Reboot..." /> |
| <input type="image" alt="Clipboard" src="images/clipboard.png" |
| id="clipboardButton" class="noVNC_status_button" |
| title="Clipboard" /> |
| <input type="image" alt="Settings" src="images/settings.png" |
| id="settingsButton" class="noVNC_status_button" |
| title="Settings" /> |
| <input type="image" alt="Connect" src="images/connect.png" |
| id="connectButton" class="noVNC_status_button" |
| title="Connect" /> |
| <input type="image" alt="Disconnect" src="images/disconnect.png" |
| id="disconnectButton" class="noVNC_status_button" |
| title="Disconnect" /> |
| </div> |
| |
| <!-- Description Panel --> |
| <!-- Shown by default when hosted at for kanaka.github.com --> |
| <div id="noVNC_description" class=""> |
| noVNC is a browser based VNC client implemented using HTML5 Canvas |
| and WebSockets. You will either need a VNC server with WebSockets |
| support (such as <a href="http://libvncserver.sourceforge.net/">libvncserver</a>) |
| or you will need to use |
| <a href="https://github.com/kanaka/websockify">websockify</a> |
| to bridge between your browser and VNC server. See the noVNC |
| <a href="https://github.com/kanaka/noVNC">README</a> |
| and <a href="http://kanaka.github.com/noVNC">website</a> |
| for more information. |
| <br /> |
| <input id="descriptionButton" type="button" value="Close"> |
| </div> |
| |
| <!-- Popup Status Panel --> |
| <div id="noVNC_popup_status_panel" class=""> |
| </div> |
| |
| <!-- Clipboard Panel --> |
| <div id="noVNC_clipboard" class="triangle-right top"> |
| <textarea id="noVNC_clipboard_text" rows=5> |
| </textarea> |
| <br /> |
| <input id="noVNC_clipboard_clear_button" type="button" |
| value="Clear"> |
| </div> |
| |
| <!-- XVP Shutdown/Reboot Panel --> |
| <div id="noVNC_xvp" class="triangle-right top"> |
| <span id="noVNC_xvp_menu"> |
| <input type="button" id="xvpShutdownButton" value="Shutdown" /> |
| <input type="button" id="xvpRebootButton" value="Reboot" /> |
| <input type="button" id="xvpResetButton" value="Reset" /> |
| </span> |
| </div> |
| |
| <!-- Settings Panel --> |
| <div id="noVNC_settings" class="triangle-right top"> |
| <span id="noVNC_settings_menu"> |
| <ul> |
| <li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li> |
| <li><input id="noVNC_true_color" type="checkbox" checked> True Color</li> |
| <li><input id="noVNC_cursor" type="checkbox"> Local Cursor</li> |
| <li><input id="noVNC_clip" type="checkbox"> Clip to Window</li> |
| <li><input id="noVNC_shared" type="checkbox"> Shared Mode</li> |
| <li><input id="noVNC_view_only" type="checkbox"> View Only</li> |
| <li><input id="noVNC_path" type="input" value="websockify"> Path</li> |
| <li><input id="noVNC_repeaterID" type="input" value=""> Repeater ID</li> |
| <hr> |
| <!-- Stylesheet selection dropdown --> |
| <li><label><strong>Style: </strong> |
| <select id="noVNC_stylesheet" name="vncStyle"> |
| <option value="default">default</option> |
| </select></label> |
| </li> |
| |
| <!-- Logging selection dropdown --> |
| <li><label><strong>Logging: </strong> |
| <select id="noVNC_logging" name="vncLogging"> |
| </select></label> |
| </li> |
| <hr> |
| <li><input type="button" id="noVNC_apply" value="Apply"></li> |
| </ul> |
| </span> |
| </div> |
| |
| <!-- Connection Panel --> |
| <div id="noVNC_controls" class="triangle-right top"> |
| <ul> |
| <li><label><strong>Host: </strong><input id="noVNC_host" /></label></li> |
| <li><label><strong>Port: </strong><input id="noVNC_port" /></label></li> |
| <li><label><strong>Password: </strong><input id="noVNC_password" type="password" /></label></li> |
| <li><input id="noVNC_connect_button" type="button" value="Connect"></li> |
| </ul> |
| </div> |
| |
| </div> <!-- End of noVNC-control-bar --> |
| |
| |
| <div id="noVNC_screen"> |
| <div id="noVNC_screen_pad"></div> |
| |
| <h1 id="noVNC_logo"><span>no</span><br />VNC</h1> |
| |
| <!-- HTML5 Canvas --> |
| <div id="noVNC_container"> |
| <canvas id="noVNC_canvas" width="640px" height="20px"> |
| Canvas not supported. |
| </canvas> |
| </div> |
| |
| </div> |
| <script src="include/util.js"></script> |
| <script src="include/ui.js"></script> |
| |
| </body> |
| </html> |