]> git.proxmox.com Git - mirror_novnc.git/blame - vnc.html
Update generated JS files for translations
[mirror_novnc.git] / vnc.html
CommitLineData
5514d299 1<!DOCTYPE html>
80c52ba7 2<html lang="en" class="noVNC_loading">
53fc7392
CG
3<head>
4
d58f8b51 5 <!--
f7ec5b2c 6 noVNC example: simple example using default UI
84586c0f 7 Copyright (C) 2018 The noVNC Authors
1d728ace 8 noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
d58f8b51 9 This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
9f0d23de
10
11 Connect parameters are provided in query string:
26586b9d 12 http://example.com/?host=HOST&port=PORT&encrypt=1
494b407a 13 or the fragment:
26586b9d 14 http://example.com/#host=HOST&port=PORT&encrypt=1
d595e656 15 -->
01a9eee9 16 <title>noVNC</title>
53fc7392 17
2aa3b5bc 18 <meta charset="utf-8">
01a9eee9 19
eebef339 20 <!-- Icons (see app/images/icons/Makefile for what the sizes are for) -->
2aa3b5bc
PO
21 <link rel="icon" sizes="16x16" type="image/png" href="app/images/icons/novnc-16x16.png">
22 <link rel="icon" sizes="24x24" type="image/png" href="app/images/icons/novnc-24x24.png">
23 <link rel="icon" sizes="32x32" type="image/png" href="app/images/icons/novnc-32x32.png">
24 <link rel="icon" sizes="48x48" type="image/png" href="app/images/icons/novnc-48x48.png">
25 <link rel="icon" sizes="60x60" type="image/png" href="app/images/icons/novnc-60x60.png">
26 <link rel="icon" sizes="64x64" type="image/png" href="app/images/icons/novnc-64x64.png">
27 <link rel="icon" sizes="72x72" type="image/png" href="app/images/icons/novnc-72x72.png">
28 <link rel="icon" sizes="76x76" type="image/png" href="app/images/icons/novnc-76x76.png">
29 <link rel="icon" sizes="96x96" type="image/png" href="app/images/icons/novnc-96x96.png">
30 <link rel="icon" sizes="120x120" type="image/png" href="app/images/icons/novnc-120x120.png">
31 <link rel="icon" sizes="144x144" type="image/png" href="app/images/icons/novnc-144x144.png">
32 <link rel="icon" sizes="152x152" type="image/png" href="app/images/icons/novnc-152x152.png">
33 <link rel="icon" sizes="192x192" type="image/png" href="app/images/icons/novnc-192x192.png">
42463da1 34 <!-- Firefox currently mishandles SVG, see #1419039
2aa3b5bc 35 <link rel="icon" sizes="any" type="image/svg+xml" href="app/images/icons/novnc-icon.svg">
42463da1 36 -->
2b4e6ed5 37 <!-- Repeated last so that legacy handling will pick this -->
2aa3b5bc 38 <link rel="icon" sizes="16x16" type="image/png" href="app/images/icons/novnc-16x16.png">
2b4e6ed5 39
a5df24b4 40 <!-- Apple iOS Safari settings -->
2aa3b5bc
PO
41 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
42 <meta name="apple-mobile-web-app-capable" content="yes">
43 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
2b4e6ed5 44 <!-- Home Screen Icons (favourites and bookmarks use the normal icons) -->
2aa3b5bc
PO
45 <link rel="apple-touch-icon" sizes="60x60" type="image/png" href="app/images/icons/novnc-60x60.png">
46 <link rel="apple-touch-icon" sizes="76x76" type="image/png" href="app/images/icons/novnc-76x76.png">
47 <link rel="apple-touch-icon" sizes="120x120" type="image/png" href="app/images/icons/novnc-120x120.png">
48 <link rel="apple-touch-icon" sizes="152x152" type="image/png" href="app/images/icons/novnc-152x152.png">
5299db1a 49
01a9eee9 50 <!-- Stylesheets -->
2aa3b5bc 51 <link rel="stylesheet" href="app/styles/base.css">
01a9eee9 52
adfc9d3f 53 <!-- this is included as a normal file in order to catch script-loading errors as well -->
45c644a6 54 <script src="app/error-handler.js"></script>
adfc9d3f 55
c53af3f5 56 <!-- begin scripts -->
152c3995
SR
57 <!-- promise polyfills promises for IE11 -->
58 <script src="vendor/promise.js"></script>
36bdf136
PO
59 <!-- ES2015/ES6 modules polyfill -->
60 <script type="module">
61 window._noVNC_has_module_support = true;
62 </script>
63 <script>
64 window.addEventListener("load", function() {
65 if (window._noVNC_has_module_support) return;
66 var loader = document.createElement("script");
67 loader.src = "vendor/browser-es-module-loader/dist/browser-es-module-loader.js";
68 document.head.appendChild(loader);
69 });
70 </script>
71 <!-- actual script modules -->
bf826444 72 <script type="module" crossorigin="anonymous" src="app/ui.js"></script>
c53af3f5 73 <!-- end scripts -->
5299db1a 74</head>
65e27ddd 75
53fc7392 76<body>
d24de750 77
13c558e3
PO
78 <div id="noVNC_fallback_error" class="noVNC_center">
79 <div>
80 <div>noVNC encountered an error:</div>
2aa3b5bc 81 <br>
13c558e3
PO
82 <div id="noVNC_fallback_errormsg"></div>
83 </div>
d24de750
SM
84 </div>
85
3911256c 86 <!-- noVNC Control Bar -->
fb7c3b3b 87 <div id="noVNC_control_bar_anchor" class="noVNC_vcenter">
3911256c 88
38323d4d 89 <div id="noVNC_control_bar">
65e3d7d6 90 <div id="noVNC_control_bar_handle" title="Hide/Show the control bar"><div></div></div>
38323d4d
PO
91
92 <div class="noVNC_scroll">
93
2aa3b5bc 94 <h1 class="noVNC_logo" translate="no"><span>no</span><br>VNC</h1>
4d3aa0ef 95
3911256c 96 <!-- Drag/Pan the viewport -->
8bf68826 97 <input type="image" alt="viewport drag" src="app/images/drag.svg"
a49d9298 98 id="noVNC_view_drag_button" class="noVNC_button noVNC_hidden"
2aa3b5bc 99 title="Move/Drag Viewport">
3911256c 100
101 <!--noVNC Touch Device only buttons-->
a5df24b4 102 <div id="noVNC_mobile_buttons">
8bf68826 103 <input type="image" alt="No mousebutton" src="app/images/mouse_none.svg"
cd5a035d 104 id="noVNC_mouse_button0" class="noVNC_button"
2aa3b5bc 105 title="Active Mouse Button">
8bf68826 106 <input type="image" alt="Left mousebutton" src="app/images/mouse_left.svg"
cd5a035d 107 id="noVNC_mouse_button1" class="noVNC_button"
2aa3b5bc 108 title="Active Mouse Button">
8bf68826 109 <input type="image" alt="Middle mousebutton" src="app/images/mouse_middle.svg"
cd5a035d 110 id="noVNC_mouse_button2" class="noVNC_button"
2aa3b5bc 111 title="Active Mouse Button">
8bf68826 112 <input type="image" alt="Right mousebutton" src="app/images/mouse_right.svg"
cd5a035d 113 id="noVNC_mouse_button4" class="noVNC_button"
2aa3b5bc 114 title="Active Mouse Button">
8bf68826 115 <input type="image" alt="Keyboard" src="app/images/keyboard.svg"
2aa3b5bc 116 id="noVNC_keyboard_button" class="noVNC_button" title="Show Keyboard">
a5df24b4 117 </div>
01a9eee9 118
ebbec43a
PO
119 <!-- Extra manual keys -->
120 <div id="noVNC_extra_keys">
121 <input type="image" alt="Extra keys" src="app/images/toggleextrakeys.svg"
cd5a035d 122 id="noVNC_toggle_extra_keys_button" class="noVNC_button"
2aa3b5bc 123 title="Show Extra Keys">
fb7c3b3b
PO
124 <div class="noVNC_vcenter">
125 <div id="noVNC_modifiers" class="noVNC_panel">
ebbec43a 126 <input type="image" alt="Ctrl" src="app/images/ctrl.svg"
cd5a035d 127 id="noVNC_toggle_ctrl_button" class="noVNC_button"
2aa3b5bc 128 title="Toggle Ctrl">
ebbec43a 129 <input type="image" alt="Alt" src="app/images/alt.svg"
cd5a035d 130 id="noVNC_toggle_alt_button" class="noVNC_button"
2aa3b5bc 131 title="Toggle Alt">
3e835a5d
SS
132 <input type="image" alt="Windows" src="app/images/windows.svg"
133 id="noVNC_toggle_windows_button" class="noVNC_button"
2aa3b5bc 134 title="Toggle Windows">
ebbec43a 135 <input type="image" alt="Tab" src="app/images/tab.svg"
cd5a035d 136 id="noVNC_send_tab_button" class="noVNC_button"
2aa3b5bc 137 title="Send Tab">
ebbec43a 138 <input type="image" alt="Esc" src="app/images/esc.svg"
cd5a035d 139 id="noVNC_send_esc_button" class="noVNC_button"
2aa3b5bc 140 title="Send Escape">
ca25d2ae
PO
141 <input type="image" alt="Ctrl+Alt+Del" src="app/images/ctrlaltdel.svg"
142 id="noVNC_send_ctrl_alt_del_button" class="noVNC_button"
2aa3b5bc 143 title="Send Ctrl-Alt-Del">
bd88b943 144 </div>
fb7c3b3b 145 </div>
a5df24b4 146 </div>
0fa4e0a9 147
cd523e8f 148 <!-- Shutdown/Reboot -->
8bf68826 149 <input type="image" alt="Shutdown/Reboot" src="app/images/power.svg"
cd523e8f 150 id="noVNC_power_button" class="noVNC_button"
2aa3b5bc 151 title="Shutdown/Reboot...">
fb7c3b3b 152 <div class="noVNC_vcenter">
cd523e8f 153 <div id="noVNC_power" class="noVNC_panel">
5454c345 154 <div class="noVNC_heading">
2aa3b5bc 155 <img alt="" src="app/images/power.svg"> Power
5454c345 156 </div>
2aa3b5bc
PO
157 <input type="button" id="noVNC_shutdown_button" value="Shutdown">
158 <input type="button" id="noVNC_reboot_button" value="Reboot">
159 <input type="button" id="noVNC_reset_button" value="Reset">
3911256c 160 </div>
fb7c3b3b 161 </div>
0fa4e0a9 162
3911256c 163 <!-- Clipboard -->
8bf68826 164 <input type="image" alt="Clipboard" src="app/images/clipboard.svg"
a49d9298 165 id="noVNC_clipboard_button" class="noVNC_button"
2aa3b5bc 166 title="Clipboard">
fb7c3b3b 167 <div class="noVNC_vcenter">
286947cb 168 <div id="noVNC_clipboard" class="noVNC_panel">
5454c345 169 <div class="noVNC_heading">
2aa3b5bc 170 <img alt="" src="app/images/clipboard.svg"> Clipboard
5454c345 171 </div>
667a83e6 172 <textarea id="noVNC_clipboard_text" rows=5></textarea>
2aa3b5bc 173 <br>
3911256c 174 <input id="noVNC_clipboard_clear_button" type="button"
2aa3b5bc 175 value="Clear" class="noVNC_submit">
3911256c 176 </div>
fb7c3b3b 177 </div>
01a9eee9 178
3911256c 179 <!-- Toggle fullscreen -->
8bf68826 180 <input type="image" alt="Fullscreen" src="app/images/fullscreen.svg"
a49d9298 181 id="noVNC_fullscreen_button" class="noVNC_button noVNC_hidden"
2aa3b5bc 182 title="Fullscreen">
fb35d50f 183
3911256c 184 <!-- Settings -->
8bf68826 185 <input type="image" alt="Settings" src="app/images/settings.svg"
a49d9298 186 id="noVNC_settings_button" class="noVNC_button"
2aa3b5bc 187 title="Settings">
fb7c3b3b 188 <div class="noVNC_vcenter">
286947cb 189 <div id="noVNC_settings" class="noVNC_panel">
01a9eee9 190 <ul>
5454c345 191 <li class="noVNC_heading">
2aa3b5bc 192 <img alt="" src="app/images/settings.svg"> Settings
5454c345 193 </li>
1fe9faee 194 <li>
2aa3b5bc 195 <label><input id="noVNC_setting_shared" type="checkbox"> Shared Mode</label>
1fe9faee
PO
196 </li>
197 <li>
2aa3b5bc 198 <label><input id="noVNC_setting_view_only" type="checkbox"> View Only</label>
1fe9faee 199 </li>
2aa3b5bc 200 <li><hr></li>
1fe9faee 201 <li>
2aa3b5bc 202 <label><input id="noVNC_setting_view_clip" type="checkbox"> Clip to Window</label>
1fe9faee
PO
203 </li>
204 <li>
13304bac
PO
205 <label for="noVNC_setting_resize">Scaling Mode:</label>
206 <select id="noVNC_setting_resize" name="vncResize">
207 <option value="off">None</option>
208 <option value="scale">Local Scaling</option>
13304bac
PO
209 <option value="remote">Remote Resizing</option>
210 </select>
1fe9faee 211 </li>
2aa3b5bc 212 <li><hr></li>
1fe9faee 213 <li>
13304bac 214 <div class="noVNC_expander">Advanced</div>
575f6983 215 <div><ul>
575f6983 216 <li>
13304bac 217 <label for="noVNC_setting_repeaterID">Repeater ID:</label>
2aa3b5bc 218 <input id="noVNC_setting_repeaterID" type="text" value="">
575f6983
PO
219 </li>
220 <li>
13304bac
PO
221 <div class="noVNC_expander">WebSocket</div>
222 <div><ul>
223 <li>
2aa3b5bc 224 <label><input id="noVNC_setting_encrypt" type="checkbox"> Encrypt</label>
13304bac
PO
225 </li>
226 <li>
227 <label for="noVNC_setting_host">Host:</label>
2aa3b5bc 228 <input id="noVNC_setting_host">
13304bac
PO
229 </li>
230 <li>
231 <label for="noVNC_setting_port">Port:</label>
2aa3b5bc 232 <input id="noVNC_setting_port" type="number">
13304bac
PO
233 </li>
234 <li>
235 <label for="noVNC_setting_path">Path:</label>
2aa3b5bc 236 <input id="noVNC_setting_path" type="text" value="websockify">
13304bac
PO
237 </li>
238 </ul></div>
575f6983 239 </li>
2aa3b5bc 240 <li><hr></li>
044d54ed 241 <li>
2aa3b5bc 242 <label><input id="noVNC_setting_reconnect" type="checkbox"> Automatic Reconnect</label>
044d54ed
AN
243 </li>
244 <li>
245 <label for="noVNC_setting_reconnect_delay">Reconnect Delay (ms):</label>
2aa3b5bc 246 <input id="noVNC_setting_reconnect_delay" type="number">
044d54ed 247 </li>
2aa3b5bc 248 <li><hr></li>
4c38179d 249 <li>
2aa3b5bc 250 <label><input id="noVNC_setting_show_dot" type="checkbox"> Show Dot when No Cursor</label>
4c38179d 251 </li>
2aa3b5bc 252 <li><hr></li>
13304bac 253 <!-- Logging selection dropdown -->
575f6983 254 <li>
13304bac
PO
255 <label>Logging:
256 <select id="noVNC_setting_logging" name="vncLogging">
257 </select>
258 </label>
575f6983
PO
259 </li>
260 </ul></div>
1fe9faee 261 </li>
01a9eee9 262 </ul>
3911256c 263 </div>
fb7c3b3b 264 </div>
01a9eee9 265
3911256c 266 <!-- Connection Controls -->
8bf68826 267 <input type="image" alt="Disconnect" src="app/images/disconnect.svg"
a49d9298 268 id="noVNC_disconnect_button" class="noVNC_button"
2aa3b5bc 269 title="Disconnect">
38323d4d
PO
270
271 </div>
01a9eee9
JM
272 </div>
273
bbc1648c
SM
274 <div id="noVNC_control_bar_hint"></div>
275
3f2c25a6 276 </div> <!-- End of noVNC_control_bar -->
01a9eee9 277
8434cc81
PO
278 <!-- Status Dialog -->
279 <div id="noVNC_status"></div>
280
b3c932c3
PO
281 <!-- Connect button -->
282 <div class="noVNC_center">
283 <div id="noVNC_connect_dlg">
284 <div class="noVNC_logo" translate="no"><span>no</span>VNC</div>
285 <div id="noVNC_connect_button"><div>
2aa3b5bc 286 <img alt="" src="app/images/connect.svg"> Connect
b3c932c3
PO
287 </div></div>
288 </div>
289 </div>
290
8a7ec6ea 291 <!-- Password Dialog -->
cac935ff 292 <div class="noVNC_center noVNC_connect_layer">
84b05d24 293 <div id="noVNC_password_dlg" class="noVNC_panel"><form>
8a7ec6ea 294 <ul>
1fe9faee
PO
295 <li>
296 <label>Password:</label>
2aa3b5bc 297 <input id="noVNC_password_input" type="password">
1fe9faee
PO
298 </li>
299 <li>
2aa3b5bc 300 <input id="noVNC_password_button" type="submit" value="Send Password" class="noVNC_submit">
1fe9faee 301 </li>
8a7ec6ea 302 </ul>
84b05d24 303 </form></div>
8a7ec6ea 304 </div>
b70ce077 305
8d710e8b
PO
306 <!-- Transition Screens -->
307 <div id="noVNC_transition">
308 <div id="noVNC_transition_text"></div>
044d54ed 309 <div>
2aa3b5bc 310 <input type="button" id="noVNC_cancel_reconnect_button" value="Cancel" class="noVNC_submit">
044d54ed 311 </div>
8d710e8b
PO
312 <div class="noVNC_spinner"></div>
313 </div>
314
9b84f516 315 <!-- This is where the RFB elements will attach -->
553864e8 316 <div id="noVNC_container">
9b84f516
PO
317 <!-- Note that Google Chrome on Android doesn't respect any of these,
318 html attributes which attempt to disable text suggestions on the
319 on-screen keyboard. Let's hope Chrome implements the ime-mode
320 style for example -->
321 <textarea id="noVNC_keyboardinput" autocapitalize="off"
26a9c1c1 322 autocomplete="off" spellcheck="false" tabindex="-1"></textarea>
01a9eee9 323 </div>
63bf2ba5
PO
324
325 <audio id="noVNC_bell">
2aa3b5bc
PO
326 <source src="app/sounds/bell.oga" type="audio/ogg">
327 <source src="app/sounds/bell.mp3" type="audio/mpeg">
63bf2ba5 328 </audio>
53fc7392 329 </body>
65e27ddd 330</html>