041d13f6a7
Clarify in LICENSE.txt that the noVNC core library is the part that is LGPLv3 licensed. The HTML, CSS, images and fonts are separate from the core library and can be modified and distributed with the noVNC core but under their own license conditions. HTML and CSS: 2-Clause BSD Fonts: SIL OFL 1.1 Images: CC BY SA 3.0 In other words, you can modify the layout and appearance of of noVNC to integrate with an existing or new web site or application without having to publish the source for those modifications under the LGPLv3. However, use of and modification of the noVNC core library (i.e. the core Javascript that makes up noVNC) must still be according to the LGPLv3. Chris Gordon was the other contributor to the HTML, CSS, and images included with noVNC and gave permission for this license clarification on June 23, 2012.
201 lines
8.8 KiB
HTML
201 lines
8.8 KiB
HTML
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd">
|
|
<html>
|
|
<head>
|
|
|
|
<!--
|
|
noVNC example: simple example using default UI
|
|
Copyright (C) 2012 Joel Martin
|
|
noVNC is licensed under the LGPL-3 (see LICENSE.txt)
|
|
This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
|
|
-->
|
|
<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 names="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>
|
|
-->
|
|
|
|
<script src="include/vnc.js"></script>
|
|
<script src="include/ui.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div id="noVNC-control-bar">
|
|
<!--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"
|
|
onclick="UI.setViewDrag();">
|
|
<div id="noVNC_mobile_buttons">
|
|
<input type="image" src="images/mouse_none.png"
|
|
id="noVNC_mouse_button0" class="noVNC_status_button"
|
|
onclick="UI.setMouseButton(1);">
|
|
<input type="image" src="images/mouse_left.png"
|
|
id="noVNC_mouse_button1" class="noVNC_status_button"
|
|
onclick="UI.setMouseButton(2);">
|
|
<input type="image" src="images/mouse_middle.png"
|
|
id="noVNC_mouse_button2" class="noVNC_status_button"
|
|
onclick="UI.setMouseButton(4);">
|
|
<input type="image" src="images/mouse_right.png"
|
|
id="noVNC_mouse_button4" class="noVNC_status_button"
|
|
onclick="UI.setMouseButton(0);">
|
|
<input type="image" src="images/keyboard.png"
|
|
id="showKeyboard" class="noVNC_status_button"
|
|
value="Keyboard" title="Show Keyboard"
|
|
onclick="UI.showKeyboard()"/>
|
|
<input type="email"
|
|
autocapitalize="off" autocorrect="off"
|
|
id="keyboardinput" class="noVNC_status_button"
|
|
onKeyDown="onKeyDown(event);" onblur="UI.keyInputBlur();"/>
|
|
</div>
|
|
</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"
|
|
onclick="UI.sendCtrlAltDel();" />
|
|
<input type="image" src="images/clipboard.png"
|
|
id="clipboardButton" class="noVNC_status_button"
|
|
title="Clipboard"
|
|
onclick="UI.toggleClipboardPanel();" />
|
|
<input type="image" src="images/settings.png"
|
|
id="settingsButton" class="noVNC_status_button"
|
|
title="Settings"
|
|
onclick="UI.toggleSettingsPanel();" />
|
|
<input type="image" src="images/connect.png"
|
|
id="connectButton" class="noVNC_status_button"
|
|
title="Connect"
|
|
onclick="UI.toggleConnectPanel()" />
|
|
<input type="image" src="images/disconnect.png"
|
|
id="disconnectButton" class="noVNC_status_button"
|
|
title="Disconnect"
|
|
onclick="UI.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 type="button" value="Close"
|
|
onclick="UI.toggleConnectPanel();">
|
|
</div>
|
|
|
|
<!-- Clipboard Panel -->
|
|
<div id="noVNC_clipboard" class="triangle-right top">
|
|
<textarea id="noVNC_clipboard_text" rows=5
|
|
onfocus="UI.displayBlur();" onblur="UI.displayFocus();"
|
|
onchange="UI.clipSend();">
|
|
</textarea>
|
|
<br />
|
|
<input id="noVNC_clipboard_clear_button" type="button"
|
|
value="Clear" onclick="UI.clipClear();">
|
|
</div>
|
|
|
|
<!-- Settings Panel -->
|
|
<div id="noVNC_settings" class="triangle-right top">
|
|
<span id="noVNC_settings_menu" onmouseover="UI.displayBlur();"
|
|
onmouseout="UI.displayFocus();">
|
|
<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"
|
|
onclick="UI.settingsApply()"></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" onclick="UI.connect();"></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div> <!-- End of noVNC-control-bar -->
|
|
|
|
|
|
<div id="noVNC_screen">
|
|
<div id="noVNC_screen_pad"></div>
|
|
|
|
<div id="noVNC_status_bar" class="noVNC_status_bar">
|
|
<div id="noVNC_status">Loading</div>
|
|
</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>
|
|
window.onload = UI.load;
|
|
</script>
|
|
</body>
|
|
</html>
|