[mirror_novnc.git] / vnc.html

<!DOCTYPE html>
<html>
<head>

    <!--
    noVNC example: simple example using default UI
    Copyright (C) 2012 Joel Martin
    Copyright (C) 2016 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
    or the fragment:
        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="app/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="app/images/screen_57x57.png" />
    <!--
    <link rel="apple-touch-icon-precomposed" href="app/images/screen_57x57.png" />
    -->


    <!-- Stylesheets -->
    <link rel="stylesheet" href="app/styles/base.css" />
    <link rel="alternate stylesheet" href="app/styles/black.css" TITLE="Black" />
    <link rel="alternate stylesheet" href="app/styles/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" class="noVNC_status_normal">
        <!--noVNC Mobile Device only Buttons-->
        <div class="noVNC_buttons_left">
            <input type="image" alt="viewport drag" src="app/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="app/images/mouse_none.png"
                    id="noVNC_mouse_button0" class="noVNC_status_button" />
                <input type="image" alt="Left mousebutton" src="app/images/mouse_left.png"
                    id="noVNC_mouse_button1" class="noVNC_status_button" />
                <input type="image" alt="Middle mousebutton" src="app/images/mouse_middle.png"
                    id="noVNC_mouse_button2" class="noVNC_status_button" />
                <input type="image" alt="Right mousebutton" src="app/images/mouse_right.png"
                    id="noVNC_mouse_button4" class="noVNC_status_button" />
                <input type="image" alt="Keyboard" src="app/images/keyboard.png"
                    id="noVNC_keyboard_button" 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="noVNC_keyboardinput" autocapitalize="off"
                    autocorrect="off" autocomplete="off" spellcheck="false"
                    mozactionhint="Enter"></textarea>
                <div id="noVNC_extra_keys">
                    <input type="image" alt="Extra keys" src="app/images/toggleextrakeys.png"
                        id="noVNC_toggleExtraKeys_button" class="noVNC_status_button" />
                    <input type="image" alt="Ctrl" src="app/images/ctrl.png"
                        id="noVNC_toggleCtrl_button" class="noVNC_status_button" />
                    <input type="image" alt="Alt" src="app/images/alt.png"
                        id="noVNC_toggleAlt_button" class="noVNC_status_button" />
                    <input type="image" alt="Tab" src="app/images/tab.png"
                        id="noVNC_sendTab_button" class="noVNC_status_button" />
                    <input type="image" alt="Esc" src="app/images/esc.png"
                        id="noVNC_sendEsc_button" class="noVNC_status_button" />
                </div>
            </div>
        </div>

        <div id="noVNC_status"></div>

        <!--noVNC Buttons-->
        <div class="noVNC_buttons_right">
            <input type="image" alt="Ctrl+Alt+Del" src="app/images/ctrlaltdel.png"
                id="noVNC_sendCtrlAltDel_button" class="noVNC_status_button"
                title="Send Ctrl-Alt-Del" />
            <input type="image" alt="Shutdown/Reboot" src="app/images/power.png"
                id="noVNC_toggleXvp_button" class="noVNC_status_button"
                title="Shutdown/Reboot..." />
            <input type="image" alt="Clipboard" src="app/images/clipboard.png"
                id="noVNC_clipboard_button" class="noVNC_status_button"
                title="Clipboard" />
            <input type="image" alt="Fullscreen" src="app/images/fullscreen.png"
                id="noVNC_fullscreen_button" class="noVNC_status_button"
                title="Fullscreen" />
            <input type="image" alt="Settings" src="app/images/settings.png"
                id="noVNC_settings_button" class="noVNC_status_button"
                title="Settings" />
            <input type="image" alt="Connect" src="app/images/connect.png"
                id="noVNC_connectPanel_button" class="noVNC_status_button"
                title="Connect" />
            <input type="image" alt="Disconnect" src="app/images/disconnect.png"
                id="noVNC_disconnect_button" 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="noVNC_description_button" type="button" value="Close" />
        </div>

        <!-- Popup Status -->
        <div id="noVNC_popup_status" 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="noVNC_xvpShutdown_button" value="Shutdown" />
                <input type="button" id="noVNC_xvpReboot_button" value="Reboot" />
                <input type="button" id="noVNC_xvpReset_button" value="Reset" />
            </span>
        </div>

        <!-- Settings Panel -->
        <div id="noVNC_settings" class="triangle-right top">
            <span id="noVNC_settings_menu">
                <ul>
                    <li><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</li>
                    <li><input id="noVNC_setting_true_color" type="checkbox" checked /> True Color</li>
                    <li><input id="noVNC_setting_cursor" type="checkbox" /> Local Cursor</li>
                    <li><input id="noVNC_setting_clip" type="checkbox" /> Clip to Window</li>
                    <li><input id="noVNC_setting_shared" type="checkbox" /> Shared Mode</li>
                    <li><input id="noVNC_setting_view_only" type="checkbox" /> View Only</li>
                    <hr>
                    <li><input id="noVNC_setting_path" type="input" value="websockify" /> Path</li>
                    <li><label>
                        <select id="noVNC_setting_resize" name="vncResize">
                            <option value="off">None</option>
                            <option value="scale">Local Scaling</option>
                            <option value="downscale">Local Downscaling</option>
                            <option value="remote">Remote Resizing</option>
                        </select> Scaling Mode</label>
                    </li>
                    <li><input id="noVNC_setting_repeaterID" type="input" value="" /> Repeater ID</li>
                    <hr>
                    <!-- Stylesheet selection dropdown -->
                    <li><label><strong>Style: </strong>
                        <select id="noVNC_setting_stylesheet" name="vncStyle">
                            <option value="default">default</option>
                        </select></label>
                    </li>

                    <!-- Logging selection dropdown -->
                    <li><label><strong>Logging: </strong>
                        <select id="noVNC_setting_logging" name="vncLogging">
                        </select></label>
                    </li>
                    <hr>
                    <li><input type="button" id="noVNC_settings_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_setting_host" /></label></li>
                <li><label><strong>Port: </strong><input id="noVNC_setting_port" /></label></li>
                <li><label><strong>Password: </strong><input id="noVNC_setting_password" type="password" /></label></li>
                <li><label><strong>Token: </strong><input id="noVNC_setting_token" /></label></li>
                <li><input id="noVNC_connect_button" type="button" value="Connect" /></li>
            </ul>
        </div>

    </div> <!-- End of noVNC_control_bar -->


    <div id="noVNC_container">
        <h1 id="noVNC_logo"><span>no</span><br />VNC</h1>

        <!-- HTML5 Canvas -->
        <div id="noVNC_screen">
            <canvas id="noVNC_canvas" width="0" height="0">
                        Canvas not supported.
            </canvas>
        </div>

    </div>
    <!-- begin scripts -->
    <script src="core/util.js"></script>
    <script src="app/ui.js"></script>
    <!-- end scripts -->

 </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
682fd02b	8	Copyright (C) 2016 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
494b407a GV	14	or the fragment:
494b407a GV	15	http://example.com/#host=HOST&port=PORT&encrypt=1&true_color=1
d595e656	16	-->
01a9eee9	17	<title>noVNC</title>
53fc7392	18
a1dbbcc1	19	<meta charset="utf-8" />
01a9eee9 JM	20
	21	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
	22	Remove this if you use the .htaccess -->
a1dbbcc1	23	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
01a9eee9	24
a5df24b4	25	<!-- Apple iOS Safari settings -->
a1dbbcc1	26	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
01a9eee9	27	<meta name="apple-mobile-web-app-capable" content="yes" />
b597bdd1	28	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
a5df24b4	29	<!-- App Start Icon -->
ae510306	30	<link rel="apple-touch-startup-image" href="app/images/screen_320x460.png" />
a5df24b4	31	<!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
ae510306	32	<link rel="apple-touch-icon" href="app/images/screen_57x57.png" />
01a9eee9	33	<!--
ae510306	34	<link rel="apple-touch-icon-precomposed" href="app/images/screen_57x57.png" />
01a9eee9	35	-->
a5df24b4	36
5299db1a	37
01a9eee9	38	<!-- Stylesheets -->
ae510306 SR	39	<link rel="stylesheet" href="app/styles/base.css" />
	40	<link rel="alternate stylesheet" href="app/styles/black.css" TITLE="Black" />
	41	<link rel="alternate stylesheet" href="app/styles/blue.css" TITLE="Blue" />
01a9eee9	42
01a9eee9	43	<!--
5299db1a	44	<script type='text/javascript'
01a9eee9 JM	45	src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
	46	-->
	47
5299db1a	48	</head>
65e27ddd	49
53fc7392	50	<body>
3f2c25a6	51	<div id="noVNC_control_bar" class="noVNC_status_normal">
01a9eee9	52	<!--noVNC Mobile Device only Buttons-->
3f2c25a6	53	<div class="noVNC_buttons_left">
ae510306	54	<input type="image" alt="viewport drag" src="app/images/drag.png"
a5df24b4	55	id="noVNC_view_drag_button" class="noVNC_status_button"
a1dbbcc1	56	title="Move/Drag Viewport" />
a5df24b4	57	<div id="noVNC_mobile_buttons">
ae510306	58	<input type="image" alt="No mousebutton" src="app/images/mouse_none.png"
a1dbbcc1	59	id="noVNC_mouse_button0" class="noVNC_status_button" />
ae510306	60	<input type="image" alt="Left mousebutton" src="app/images/mouse_left.png"
a1dbbcc1	61	id="noVNC_mouse_button1" class="noVNC_status_button" />
ae510306	62	<input type="image" alt="Middle mousebutton" src="app/images/mouse_middle.png"
a1dbbcc1	63	id="noVNC_mouse_button2" class="noVNC_status_button" />
ae510306	64	<input type="image" alt="Right mousebutton" src="app/images/mouse_right.png"
a1dbbcc1	65	id="noVNC_mouse_button4" class="noVNC_status_button" />
ae510306	66	<input type="image" alt="Keyboard" src="app/images/keyboard.png"
3f2c25a6	67	id="noVNC_keyboard_button" class="noVNC_status_button"
a1dbbcc1	68	value="Keyboard" title="Show Keyboard" />
8f4a291b	69	<!-- Note that Google Chrome on Android doesn't respect any of these,
	70	html attributes which attempt to disable text suggestions on the
	71	on-screen keyboard. Let's hope Chrome implements the ime-mode
	72	style for example -->
3f2c25a6	73	<textarea id="noVNC_keyboardinput" autocapitalize="off"
de8edde4	74	autocorrect="off" autocomplete="off" spellcheck="false"
48d26b2d	75	mozactionhint="Enter"></textarea>
bd88b943	76	<div id="noVNC_extra_keys">
ae510306	77	<input type="image" alt="Extra keys" src="app/images/toggleextrakeys.png"
a1dbbcc1	78	id="noVNC_toggleExtraKeys_button" class="noVNC_status_button" />
ae510306	79	<input type="image" alt="Ctrl" src="app/images/ctrl.png"
a1dbbcc1	80	id="noVNC_toggleCtrl_button" class="noVNC_status_button" />
ae510306	81	<input type="image" alt="Alt" src="app/images/alt.png"
a1dbbcc1	82	id="noVNC_toggleAlt_button" class="noVNC_status_button" />
ae510306	83	<input type="image" alt="Tab" src="app/images/tab.png"
a1dbbcc1	84	id="noVNC_sendTab_button" class="noVNC_status_button" />
ae510306	85	<input type="image" alt="Esc" src="app/images/esc.png"
a1dbbcc1	86	id="noVNC_sendEsc_button" class="noVNC_status_button" />
bd88b943	87	</div>
a5df24b4	88	</div>
01a9eee9 JM	89	</div>
01a9eee9 JM	90
58ded70d	91	<div id="noVNC_status"></div>
0fa4e0a9	92
01a9eee9	93	<!--noVNC Buttons-->
3f2c25a6	94	<div class="noVNC_buttons_right">
ae510306	95	<input type="image" alt="Ctrl+Alt+Del" src="app/images/ctrlaltdel.png"
3f2c25a6	96	id="noVNC_sendCtrlAltDel_button" class="noVNC_status_button"
26945049	97	title="Send Ctrl-Alt-Del" />
ae510306	98	<input type="image" alt="Shutdown/Reboot" src="app/images/power.png"
3f2c25a6	99	id="noVNC_toggleXvp_button" class="noVNC_status_button"
fb35d50f	100	title="Shutdown/Reboot..." />
ae510306	101	<input type="image" alt="Clipboard" src="app/images/clipboard.png"
3f2c25a6	102	id="noVNC_clipboard_button" class="noVNC_status_button"
26945049	103	title="Clipboard" />
ae510306	104	<input type="image" alt="Fullscreen" src="app/images/fullscreen.png"
3f2c25a6	105	id="noVNC_fullscreen_button" class="noVNC_status_button"
7d1dc09a	106	title="Fullscreen" />
ae510306	107	<input type="image" alt="Settings" src="app/images/settings.png"
3f2c25a6	108	id="noVNC_settings_button" class="noVNC_status_button"
26945049	109	title="Settings" />
ae510306	110	<input type="image" alt="Connect" src="app/images/connect.png"
3f2c25a6	111	id="noVNC_connectPanel_button" class="noVNC_status_button"
26945049	112	title="Connect" />
ae510306	113	<input type="image" alt="Disconnect" src="app/images/disconnect.png"
3f2c25a6	114	id="noVNC_disconnect_button" class="noVNC_status_button"
26945049	115	title="Disconnect" />
01a9eee9 JM	116	</div>
01a9eee9 JM	117
0ce93900 JM	118	<!-- Description Panel -->
0ce93900 JM	119	<!-- Shown by default when hosted at for kanaka.github.com -->
2fa1c098	120	<div id="noVNC_description" class="">
0ce93900 JM	121	noVNC is a browser based VNC client implemented using HTML5 Canvas
	122	and WebSockets. You will either need a VNC server with WebSockets
	123	support (such as <a href="http://libvncserver.sourceforge.net/">libvncserver</a>)
	124	or you will need to use
	125	<a href="https://github.com/kanaka/websockify">websockify</a>
	126	to bridge between your browser and VNC server. See the noVNC
	127	<a href="https://github.com/kanaka/noVNC">README</a>
	128	and <a href="http://kanaka.github.com/noVNC">website</a>
	129	for more information.
	130	<br />
a1dbbcc1	131	<input id="noVNC_description_button" type="button" value="Close" />
0ce93900 JM	132	</div>
0ce93900 JM	133
74f2ac96	134	<!-- Popup Status -->
74f2ac96	135	<div id="noVNC_popup_status" class="">
0fa4e0a9 SM	136	</div>
0fa4e0a9 SM	137
01a9eee9 JM	138	<!-- Clipboard Panel -->
01a9eee9 JM	139	<div id="noVNC_clipboard" class="triangle-right top">
26945049	140	<textarea id="noVNC_clipboard_text" rows=5>
01a9eee9 JM	141	</textarea>
	142	<br />
	143	<input id="noVNC_clipboard_clear_button" type="button"
a1dbbcc1	144	value="Clear" />
01a9eee9 JM	145	</div>
01a9eee9 JM	146
fb35d50f MS	147	<!-- XVP Shutdown/Reboot Panel -->
	148	<div id="noVNC_xvp" class="triangle-right top">
	149	<span id="noVNC_xvp_menu">
3f2c25a6 SM	150	<input type="button" id="noVNC_xvpShutdown_button" value="Shutdown" />
	151	<input type="button" id="noVNC_xvpReboot_button" value="Reboot" />
	152	<input type="button" id="noVNC_xvpReset_button" value="Reset" />
fb35d50f MS	153	</span>
	154	</div>
	155
01a9eee9	156	<!-- Settings Panel -->
a5df24b4	157	<div id="noVNC_settings" class="triangle-right top">
26945049	158	<span id="noVNC_settings_menu">
01a9eee9	159	<ul>
a1dbbcc1 SM	160	<li><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</li>
	161	<li><input id="noVNC_setting_true_color" type="checkbox" checked /> True Color</li>
	162	<li><input id="noVNC_setting_cursor" type="checkbox" /> Local Cursor</li>
	163	<li><input id="noVNC_setting_clip" type="checkbox" /> Clip to Window</li>
	164	<li><input id="noVNC_setting_shared" type="checkbox" /> Shared Mode</li>
	165	<li><input id="noVNC_setting_view_only" type="checkbox" /> View Only</li>
8b46c0de	166	<hr>
a1dbbcc1	167	<li><input id="noVNC_setting_path" type="input" value="websockify" /> Path</li>
8b46c0de	168	<li><label>
682fd02b	169	<select id="noVNC_setting_resize" name="vncResize">
8b46c0de	170	<option value="off">None</option>
72747869 SR	171	<option value="scale">Local Scaling</option>
72747869 SR	172	<option value="downscale">Local Downscaling</option>
8b46c0de SR	173	<option value="remote">Remote Resizing</option>
	174	</select> Scaling Mode</label>
	175	</li>
a1dbbcc1	176	<li><input id="noVNC_setting_repeaterID" type="input" value="" /> Repeater ID</li>
01a9eee9 JM	177	<hr>
	178	<!-- Stylesheet selection dropdown -->
	179	<li><label><strong>Style: </strong>
682fd02b	180	<select id="noVNC_setting_stylesheet" name="vncStyle">
01a9eee9 JM	181	<option value="default">default</option>
	182	</select></label>
	183	</li>
	184
	185	<!-- Logging selection dropdown -->
	186	<li><label><strong>Logging: </strong>
682fd02b	187	<select id="noVNC_setting_logging" name="vncLogging">
01a9eee9 JM	188	</select></label>
	189	</li>
	190	<hr>
a1dbbcc1	191	<li><input type="button" id="noVNC_settings_apply" value="Apply" /></li>
01a9eee9 JM	192	</ul>
	193	</span>
	194	</div>
	195
	196	<!-- Connection Panel -->
	197	<div id="noVNC_controls" class="triangle-right top">
	198	<ul>
682fd02b SM	199	<li><label><strong>Host: </strong><input id="noVNC_setting_host" /></label></li>
	200	<li><label><strong>Port: </strong><input id="noVNC_setting_port" /></label></li>
	201	<li><label><strong>Password: </strong><input id="noVNC_setting_password" type="password" /></label></li>
a1dbbcc1 SM	202	<li><label><strong>Token: </strong><input id="noVNC_setting_token" /></label></li>
a1dbbcc1 SM	203	<li><input id="noVNC_connect_button" type="button" value="Connect" /></li>
01a9eee9 JM	204	</ul>
	205	</div>
	206
3f2c25a6	207	</div> <!-- End of noVNC_control_bar -->
01a9eee9	208
b70ce077	209
553864e8	210	<div id="noVNC_container">
b70ce077	211	<h1 id="noVNC_logo"><span>no</span><br />VNC</h1>
a5df24b4 JM	212
a5df24b4 JM	213	<!-- HTML5 Canvas -->
553864e8	214	<div id="noVNC_screen">
fdedbafb	215	<canvas id="noVNC_canvas" width="0" height="0">
a5df24b4 JM	216	Canvas not supported.
	217	</canvas>
	218	</div>
	219
01a9eee9	220	</div>
ae510306 SR	221	<!-- begin scripts -->
	222	<script src="core/util.js"></script>
	223	<script src="app/ui.js"></script>
	224	<!-- end scripts -->
6f4b1e40	225
53fc7392	226	</body>
65e27ddd	227	</html>