123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213 |
- <!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>
|