Skip to content

L
libvncserver
Switch branch/tag
Find file
Normal viewHistoryPermalink
vnc.html 8.76 KB
Newer Older
Christian Beier's avatar
Add noVNC HTML5 client connect possibility to our http server.
edbd5ab8
 
Christian Beier committed
1 2 3 4 
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd">
<html>
<head>
Christian Beier's avatar
Update noVNC webclient.
2b4f616d
 
Christian Beier committed
5 
    <!--
Christian Beier's avatar
Add noVNC HTML5 client connect possibility to our http server.
edbd5ab8
 
Christian Beier committed
6 
    noVNC example: simple example using default UI
Christian Beier's avatar
Update noVNC webclient.
2b4f616d
 
Christian Beier committed
7 8 9 
    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).
Christian Beier's avatar
Add noVNC HTML5 client connect possibility to our http server.
edbd5ab8
 
Christian Beier committed
10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 
    -->
    <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"
Christian Beier's avatar
Update our copy of noVNC.
98f40377
 
Christian Beier committed
94 
                id="connectButton" class="noVNC_status_button"
Christian Beier's avatar
Add noVNC HTML5 client connect possibility to our http server.
edbd5ab8
 
Christian Beier committed
95 96 97 98 99 100 101 102 
                title="Connect"
                onclick="UI.toggleConnectPanel()" />
            <input type="image" src="images/disconnect.png"
                id="disconnectButton" class="noVNC_status_button"
                title="Disconnect"
                onclick="UI.disconnect()" />
        </div>
Christian Beier's avatar
Update our copy of noVNC.
98f40377
 
Christian Beier committed
103 104 105 106 107 
        <!-- 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
Christian Beier's avatar
Update sourceforge links to point to github.
817f6e65
 
Christian Beier committed
108 
            support (such as <a href="http://libvnc.gtihub.io">libvncserver</a>)
Christian Beier's avatar
Update our copy of noVNC.
98f40377
 
Christian Beier committed
109 110 111 112 113 114 115 116 117 118 119 
            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>
Christian Beier's avatar
Add noVNC HTML5 client connect possibility to our http server.
edbd5ab8
 
Christian Beier committed
120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 
        <!-- 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>
Christian Beier's avatar
Update our copy of noVNC.
98f40377
 
Christian Beier committed
139 
                    <li><input id="noVNC_clip" type="checkbox"> Clip to Window</li>
Christian Beier's avatar
Add noVNC HTML5 client connect possibility to our http server.
edbd5ab8
 
Christian Beier committed
140 
                    <li><input id="noVNC_shared" type="checkbox"> Shared Mode</li>
Christian Beier's avatar
Update our copy of noVNC.
98f40377
 
Christian Beier committed
141 
                    <li><input id="noVNC_view_only" type="checkbox"> View Only</li>
Christian Beier's avatar
Add noVNC HTML5 client connect possibility to our http server.
edbd5ab8
 
Christian Beier committed
142 
                    <li><input id="noVNC_connectTimeout" type="input"> Connect Timeout (s)</li>
Christian Beier's avatar
Update our copy of noVNC.
98f40377
 
Christian Beier committed
143 
                    <li><input id="noVNC_path" type="input" value="websockify"> Path</li>
Christian Beier's avatar
Update noVNC webclient.
2b4f616d
 
Christian Beier committed
144 
                    <li><input id="noVNC_repeaterID" type="input" value=""> Repeater ID</li>
Christian Beier's avatar
Add noVNC HTML5 client connect possibility to our http server.
edbd5ab8
 
Christian Beier committed
145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 
                    <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>