[mirror_novnc.git] / vnc.html

<!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">
        <div id="noVNC-menu-bar" style="display:none;">
        </div>
        <!--noVNC Mobile Device only Buttons-->
        <div class="noVNC-buttons-left">
            <input type="image" 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" src="images/mouse_none.png"
                    id="noVNC_mouse_button0" class="noVNC_status_button">
                <input type="image" src="images/mouse_left.png"
                    id="noVNC_mouse_button1" class="noVNC_status_button">
                <input type="image" src="images/mouse_middle.png"
                    id="noVNC_mouse_button2" class="noVNC_status_button">
                <input type="image" src="images/mouse_right.png"
                    id="noVNC_mouse_button4" class="noVNC_status_button">
                <input type="image" src="images/keyboard.png"
                    id="showKeyboard" class="noVNC_status_button"
                    value="Keyboard" title="Show Keyboard"/>
                <input type="email" autocapitalize="off" autocorrect="off"
                    id="keyboardinput" class=""/>
                <div id="noVNC_extra_keys">
                    <input type="image" src="images/showextrakeys.png"
                        id="showExtraKeysButton"
                        class="noVNC_status_button">
                    <input type="image" src="images/ctrl.png"
                        id="toggleCtrlButton"
                        class="noVNC_status_button">
                    <input type="image" src="images/alt.png"
                        id="toggleAltButton"
                        class="noVNC_status_button">
                    <input type="image" src="images/tab.png"
                        id="sendTabButton"
                        class="noVNC_status_button">
                    <input type="image" 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" src="images/ctrlaltdel.png"
                 id="sendCtrlAltDelButton" class="noVNC_status_button"
                title="Send Ctrl-Alt-Del" />
            <input type="image" src="images/clipboard.png"
                id="clipboardButton" class="noVNC_status_button"
                title="Clipboard" />
            <input type="image" src="images/settings.png"
                id="settingsButton" class="noVNC_status_button"
                title="Settings" />
            <input type="image" src="images/connect.png"
                id="connectButton" class="noVNC_status_button"
                title="Connect" />
            <input type="image" 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" style="display:none;" 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>

        <!-- 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_connectTimeout" type="input"> Connect Timeout (s)</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>
Commit	Line	Data
5514d299	1	<!DOCTYPE html>
5299db1a	2	<html>
53fc7392 CG	3	<head>
53fc7392 CG	4
d58f8b51	5	<!--
f7ec5b2c	6	noVNC example: simple example using default UI
d58f8b51	7	Copyright (C) 2012 Joel Martin
0019d3b0	8	Copyright (C) 2013 Samuel Mannehed for Cendio AB
1d728ace	9	noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
d58f8b51	10	This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
9f0d23de PÅ	11
	12	Connect parameters are provided in query string:
	13	http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1
d595e656	14	-->
01a9eee9	15	<title>noVNC</title>
53fc7392	16
01a9eee9 JM	17	<meta charset="utf-8">
	18
	19	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
	20	Remove this if you use the .htaccess -->
	21	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	22
a5df24b4 JM	23	<!-- Apple iOS Safari settings -->
a5df24b4 JM	24	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
01a9eee9	25	<meta name="apple-mobile-web-app-capable" content="yes" />
b597bdd1	26	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
a5df24b4	27	<!-- App Start Icon -->
5299db1a	28	<link rel="apple-touch-startup-image" href="images/screen_320x460.png" />
a5df24b4 JM	29	<!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
a5df24b4 JM	30	<link rel="apple-touch-icon" href="images/screen_57x57.png">
01a9eee9	31	<!--
5299db1a	32	<link rel="apple-touch-icon-precomposed" href="images/screen_57x57.png" />
01a9eee9	33	-->
a5df24b4	34
5299db1a	35
01a9eee9 JM	36	<!-- Stylesheets -->
01a9eee9 JM	37	<link rel="stylesheet" href="include/base.css" />
53fc7392	38	<link rel="alternate stylesheet" href="include/black.css" TITLE="Black" />
01a9eee9 JM	39	<link rel="alternate stylesheet" href="include/blue.css" TITLE="Blue" />
01a9eee9 JM	40
01a9eee9	41	<!--
5299db1a	42	<script type='text/javascript'
01a9eee9 JM	43	src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
	44	-->
	45
5299db1a	46	</head>
65e27ddd	47
53fc7392	48	<body>
01a9eee9	49	<div id="noVNC-control-bar">
26945049 JM	50	<div id="noVNC-menu-bar" style="display:none;">
26945049 JM	51	</div>
01a9eee9	52	<!--noVNC Mobile Device only Buttons-->
a5df24b4	53	<div class="noVNC-buttons-left">
5299db1a	54	<input type="image" src="images/drag.png"
a5df24b4	55	id="noVNC_view_drag_button" class="noVNC_status_button"
26945049	56	title="Move/Drag Viewport">
a5df24b4	57	<div id="noVNC_mobile_buttons">
5299db1a	58	<input type="image" src="images/mouse_none.png"
26945049	59	id="noVNC_mouse_button0" class="noVNC_status_button">
5299db1a	60	<input type="image" src="images/mouse_left.png"
26945049	61	id="noVNC_mouse_button1" class="noVNC_status_button">
5299db1a	62	<input type="image" src="images/mouse_middle.png"
26945049	63	id="noVNC_mouse_button2" class="noVNC_status_button">
5299db1a	64	<input type="image" src="images/mouse_right.png"
26945049	65	id="noVNC_mouse_button4" class="noVNC_status_button">
5299db1a JM	66	<input type="image" src="images/keyboard.png"
5299db1a JM	67	id="showKeyboard" class="noVNC_status_button"
26945049	68	value="Keyboard" title="Show Keyboard"/>
35b29c98	69	<input type="email" autocapitalize="off" autocorrect="off"
35b29c98	70	id="keyboardinput" class=""/>
bd88b943	71	<div id="noVNC_extra_keys">
	72	<input type="image" src="images/showextrakeys.png"
	73	id="showExtraKeysButton"
	74	class="noVNC_status_button">
	75	<input type="image" src="images/ctrl.png"
	76	id="toggleCtrlButton"
	77	class="noVNC_status_button">
	78	<input type="image" src="images/alt.png"
	79	id="toggleAltButton"
	80	class="noVNC_status_button">
	81	<input type="image" src="images/tab.png"
	82	id="sendTabButton"
	83	class="noVNC_status_button">
	84	<input type="image" src="images/esc.png"
	85	id="sendEscButton"
	86	class="noVNC_status_button">
	87	</div>
a5df24b4	88	</div>
01a9eee9 JM	89	</div>
01a9eee9 JM	90
35b29c98	91	<div id="noVNC_status">Loading</div>
0fa4e0a9	92
01a9eee9	93	<!--noVNC Buttons-->
608e0f52	94	<div class="noVNC-buttons-right">
5299db1a JM	95	<input type="image" src="images/ctrlaltdel.png"
5299db1a JM	96	id="sendCtrlAltDelButton" class="noVNC_status_button"
26945049	97	title="Send Ctrl-Alt-Del" />
5299db1a	98	<input type="image" src="images/clipboard.png"
a5df24b4	99	id="clipboardButton" class="noVNC_status_button"
26945049	100	title="Clipboard" />
5299db1a	101	<input type="image" src="images/settings.png"
c506a481	102	id="settingsButton" class="noVNC_status_button"
26945049	103	title="Settings" />
5299db1a	104	<input type="image" src="images/connect.png"
0ce93900	105	id="connectButton" class="noVNC_status_button"
26945049	106	title="Connect" />
5299db1a	107	<input type="image" src="images/disconnect.png"
a5df24b4	108	id="disconnectButton" class="noVNC_status_button"
26945049	109	title="Disconnect" />
01a9eee9 JM	110	</div>
01a9eee9 JM	111
0ce93900 JM	112	<!-- Description Panel -->
	113	<!-- Shown by default when hosted at for kanaka.github.com -->
	114	<div id="noVNC_description" style="display:none;" class="">
	115	noVNC is a browser based VNC client implemented using HTML5 Canvas
	116	and WebSockets. You will either need a VNC server with WebSockets
	117	support (such as <a href="http://libvncserver.sourceforge.net/">libvncserver</a>)
	118	or you will need to use
	119	<a href="https://github.com/kanaka/websockify">websockify</a>
	120	to bridge between your browser and VNC server. See the noVNC
	121	<a href="https://github.com/kanaka/noVNC">README</a>
	122	and <a href="http://kanaka.github.com/noVNC">website</a>
	123	for more information.
	124	<br />
26945049	125	<input id="descriptionButton" type="button" value="Close">
0ce93900 JM	126	</div>
0ce93900 JM	127
0fa4e0a9 SM	128	<!-- Popup Status Panel -->
	129	<div id="noVNC_popup_status_panel" class="">
	130	</div>
	131
01a9eee9 JM	132	<!-- Clipboard Panel -->
01a9eee9 JM	133	<div id="noVNC_clipboard" class="triangle-right top">
26945049	134	<textarea id="noVNC_clipboard_text" rows=5>
01a9eee9 JM	135	</textarea>
	136	<br />
	137	<input id="noVNC_clipboard_clear_button" type="button"
26945049	138	value="Clear">
01a9eee9 JM	139	</div>
	140
	141	<!-- Settings Panel -->
a5df24b4	142	<div id="noVNC_settings" class="triangle-right top">
26945049	143	<span id="noVNC_settings_menu">
01a9eee9 JM	144	<ul>
	145	<li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li>
	146	<li><input id="noVNC_true_color" type="checkbox" checked> True Color</li>
	147	<li><input id="noVNC_cursor" type="checkbox"> Local Cursor</li>
06a9ef0c	148	<li><input id="noVNC_clip" type="checkbox"> Clip to Window</li>
01a9eee9	149	<li><input id="noVNC_shared" type="checkbox"> Shared Mode</li>
06a9ef0c	150	<li><input id="noVNC_view_only" type="checkbox"> View Only</li>
01a9eee9	151	<li><input id="noVNC_connectTimeout" type="input"> Connect Timeout (s)</li>
523cc4d6	152	<li><input id="noVNC_path" type="input" value="websockify"> Path</li>
a997c5fd	153	<li><input id="noVNC_repeaterID" type="input" value=""> Repeater ID</li>
01a9eee9 JM	154	<hr>
	155	<!-- Stylesheet selection dropdown -->
	156	<li><label><strong>Style: </strong>
	157	<select id="noVNC_stylesheet" name="vncStyle">
	158	<option value="default">default</option>
	159	</select></label>
	160	</li>
	161
	162	<!-- Logging selection dropdown -->
	163	<li><label><strong>Logging: </strong>
	164	<select id="noVNC_logging" name="vncLogging">
	165	</select></label>
	166	</li>
	167	<hr>
26945049	168	<li><input type="button" id="noVNC_apply" value="Apply"></li>
01a9eee9 JM	169	</ul>
	170	</span>
	171	</div>
	172
	173	<!-- Connection Panel -->
	174	<div id="noVNC_controls" class="triangle-right top">
	175	<ul>
	176	<li><label><strong>Host: </strong><input id="noVNC_host" /></label></li>
	177	<li><label><strong>Port: </strong><input id="noVNC_port" /></label></li>
	178	<li><label><strong>Password: </strong><input id="noVNC_password" type="password" /></label></li>
26945049	179	<li><input id="noVNC_connect_button" type="button" value="Connect"></li>
01a9eee9 JM	180	</ul>
	181	</div>
	182
	183	</div> <!-- End of noVNC-control-bar -->
	184
b70ce077	185
01a9eee9	186	<div id="noVNC_screen">
b70ce077 JM	187	<div id="noVNC_screen_pad"></div>
b70ce077 JM	188
b70ce077	189	<h1 id="noVNC_logo"><span>no</span><br />VNC</h1>
a5df24b4 JM	190
	191	<!-- HTML5 Canvas -->
	192	<div id="noVNC_container">
	193	<canvas id="noVNC_canvas" width="640px" height="20px">
	194	Canvas not supported.
	195	</canvas>
	196	</div>
	197
01a9eee9	198	</div>
6f4b1e40 JM	199	<script src="include/util.js"></script>
	200	<script src="include/ui.js"></script>
	201
53fc7392	202	</body>
65e27ddd	203	</html>