### Description
noVNC is a VNC client implemented using HTML5 technologies,
-specifically Canvas and WebSocket (supports 'wss://' encryption).
-
-For browsers that do not have builtin WebSocket support, the project
-includes [web-socket-js](http://github.com/gimite/web-socket-js),
-a WebSocket emulator using Adobe Flash .
-
-In addition, [as3crypto](http://github.com/lyokato/as3crypto_patched)
-has been added to web-socket-js to implement WebSocket SSL/TLS
-encryption, i.e. the "wss://" URI scheme.
+specifically Canvas and WebSockets (supports 'wss://' encryption).
+noVNC is licensed under the
+[LGPLv3](http://www.gnu.org/licenses/lgpl.html).
Special thanks to [Sentry Data Systems](http://www.sentryds.com) for
sponsoring ongoing development of this project (and for employing me).
+Notable commits, announcements and news are posted to
+@<a href="http://www.twitter.com/noVNC">noVNC</a>
+
+
### Screenshots
Running in Chrome before and after connecting:
See more screenshots <a href="http://kanaka.github.com/noVNC/screenshots.html">here</a>.
-### Requirements
+### Projects/Companies using noVNC
+
+* [Sentry Data Systems](http://www.sentryds.com): uses noVNC in the
+ [Datanex Cloud Computing Platform](http://www.sentryds.com/products/datanex/).
+
+* [Ganeti Web Manager](http://code.osuosl.org/projects/ganeti-webmgr):
+ Feature [#1935](http://code.osuosl.org/issues/1935).
+
+* [Archipel](http://archipelproject.org):
+ [Video demo](http://antoinemercadal.fr/archipelblog/wp-content/themes/ArchipelWPTemplate/video_youtube.php?title=VNC%20Demonstration&id=te_bzW574Zo)
+
+* [openQRM](http://www.openqrm.com/): VNC plugin available
+ by request. Probably included in [version
+ 4.8](http://www.openqrm.com/?q=node/15). [Video
+ demo](http://www.openqrm-enterprise.com/news/details/article/remote-vm-console-plugin-available.html).
+
+
+### Browser Requirements
+
+* HTML5 Canvas: Except for Internet Explorer, most
+ browsers have had Canvas support for quite some time. Internet
+ Explorer 9 will have Canvas support (finally).
+
+* HTML5 WebSockets: For browsers that do not have builtin
+ WebSockets support, the project includes
+ <a href="http://github.com/gimite/web-socket-js">web-socket-js</a>,
+ a WebSockets emulator using Adobe Flash.
+
+* Fast Javascript Engine: noVNC avoids using new Javascript
+ functionality so it will run on older browsers, but decode and
+ rendering happen in Javascript, so a slow Javascript engine will
+ mean noVNC is painfully slow.
+
+* I maintain a more detailed list of browser compatibility <a
+ href="wiki/Browser-support">here</a>.
-Until there is VNC server support for WebSocket connections, you need
-to use a WebSocket to TCP socket proxy. There is a python proxy
-included ('wsproxy'). One advantage of using the proxy is that it has
-builtin support for SSL/TLS encryption (i.e. "wss://").
+
+### Server Requirements
+
+Unless you are using a VNC server with support for WebSockets
+connections (only my [fork of libvncserver](http://github.com/kanaka/libvncserver)
+currently), you need to use a WebSockets to TCP socket proxy. There is
+a python proxy included ('websockify'). One advantage of using the
+proxy is that it has builtin support for SSL/TLS encryption (i.e.
+"wss://").
There a few reasons why a proxy is required:
- 1. WebSocket is not a pure socket protocol. There is an initial HTTP
+ 1. WebSockets is not a pure socket protocol. There is an initial HTTP
like handshake to allow easy hand-off by web servers and allow
- some origin policy exchange. Also, each WebSocket frame begins
+ some origin policy exchange. Also, each WebSockets frame begins
with 0 ('\x00') and ends with 255 ('\xff').
2. Javascript itself does not have the ability to handle pure byte
- strings (Unicode encoding messes with it) even though you can
- read them with WebSocket. The python proxy encodes the data so
- that the Javascript client can base64 decode the data into an
- array.
-
- 3. When using the web-socket-js as a fallback, WebSocket 'onmessage'
- events may arrive out of order. In order to compensate for this
- the client asks the proxy (using the initial query string) to add
- sequence numbers to each packet.
-
-
-### Usage
-
-* To encrypt the traffic using the WebSocket 'wss://' URI scheme you
- need to generate a certificate for the proxy to load. You can generate
- a self-signed certificate using openssl. The common name should be the
- hostname of the server where the proxy will be running:
-
- `openssl req -new -x509 -days 365 -nodes -out self.pem -keyout self.pem`
-
-* run a VNC server.
-
- `vncserver :1`
-
-* run the python proxy:
-
- `./utils/wsproxy.py -f source_port target_addr:target_port
-
- `./utils/wsproxy.py -f 8787 localhost:5901`
-
-
-* run the mini python web server to serve the directory:
-
- `./utils/web.py PORT`
-
- `./utils/web.py 8080`
-
-* Point your web browser at http://localhost:8080/vnc.html
- (or whatever port you used above to run the web server).
-
-* Specify the host and port where the proxy is running and the
- password that the vnc server is using (if any). Hit the Connect
- button and enjoy!
-
-
-### Browser Support
-
-In the following table Jaunty is Ubuntu 9.04 and WinXP is Windows XP.
-
-#### Linux (Ubuntu 9.04)
-
-<table>
- <tr>
- <th>OS</th> <th>Browser</th>
- <th>Status</th>
- <th>Notes</th>
- </tr> <tr>
- <td>Jaunty</td> <td>Chrome 5.0.375.29</td>
- <td>Excellent</td>
- <td>Very fast. Native WebSockets.</td>
- </tr> <tr>
- <td>Jaunty</td> <td>Firefox 3.5</td>
- <td>Good</td>
- <td>Large full-color images are somewhat slow from web-socket-js overhead.</td>
- </tr> <tr>
- <td>Jaunty</td> <td>Firefox 3.0.17</td>
- <td>Fair</td>
- <td>Works fine but is slow.</td>
- </tr> <tr>
- <td>Jaunty</td> <td>Opera 10.60</td>
- <td>Poor</td>
- <td>web-socket-js problems, mouse/keyboard issues. See note 1</td>
- </tr> <tr>
- <td>Jaunty</td> <td>Arora 0.5</td>
- <td>Good</td>
- <td>Broken putImageData so large full-color images
- are slow. Uses web-socket-js.</td>
- </tr> <tr>
- <td>Jaunty</td> <td>Konqueror 4.2.2</td>
- <td><strong>Broken</strong></td>
- <td>web-socket-js never loads</td>
- </tr> <tr>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- </tr> <tr>
- <td>WinXP</td> <td>Chrome 5.0.375.99</td>
- <td>Excellent</td>
- <td>Very fast. Native WebSockets.</td>
- </tr> <tr>
- <td>WinXP</td> <td>Firefox 3.0.19</td>
- <td>Good</td>
- <td>Some overhead from web-socket-js.</td>
- </tr> <tr>
- <td>WinXP</td> <td>Safari 5.0</td>
- <td>Fair</td>
- <td>Fast. Native WebSockets. Broken 'wss://' (SSL) - weird client header</td>
- </tr> <tr>
- <td>WinXP</td> <td>IE 6, 7, 8</td>
- <td><strong>Non-starter</strong></td>
- <td>No basic Canvas support. Javascript painfully slow.</td>
- </tr>
-</table>
-
-
-* Note 1: Opera interacts poorly with web-socket-js. After two
- disconnects the browser tab or Flash often hang. Although Javascript
- is faster than Firefox 3.5, the high variability of web-socket-js
- performance results in overall performance being lower. Middle mouse
- clicks and keyboard events need some work to work properly under
- Opera.
-
-
-### Integration
-
-The client is designed to be easily integrated with existing web
-structure and style.
-
-At a minimum you must include the `vnc.js` and `default_controls.js`
-scripts and call their load() functions. For example:
-
- <head>
- <script src='include/vnc.js'></script>
- <script src="include/default_controls.js"></script>
- </head>
- <body>
- <div id='vnc'>Loading</div>
- </body>
- <script>
- window.onload = function () {
- DefaultControls.load('vnc');
- RFB.load(); };
- </script>
-
-See `vnc.html` and `vnc_auto.html` for examples. The file
-`include/plain.css` has a list of stylable elements.
-
-The `vnc.js` also includes other scripts within the `include`
-sub-directory. The `VNC_uri_prefix` variable can be use override the
-URL path to the directory that contains the `include` sub-directory.
-
-
-### Troubleshooting
-
-You will need console logging support in the browser. Recent Chrome
-and Opera versions have built in support. Firefox has a nice extension
-called "firebug" that gives console logging support.
-
-First, load the noVNC page with `logging=debug` added to the query string.
-For example `vnc.html?logging=debug`.
-
-Then, activate the console logger in your browser. With Chrome it can
-be activate using Ctrl+Shift+J and then switching to the "Console"
-tab. With firefox+firebug, it can be activated using Ctrl+F12.
-
-Now reproduce the problem. The console log output will give more
-information about what is going wrong and where in the code the
-problem is located. If you file a issue/bug, it can be very helpful to
-copy the last page of console output leading up the problem into the
-issue report.
+ arrays. The python proxy encodes the data as base64 so that the
+ Javascript client can decode the data as an integer array.
+
+
+### Quick Start
+
+* Use the launch script to start a mini-webserver and the WebSockets
+ proxy (websockify). The `--vnc` option is used to specify the location of
+ a running VNC server:
+
+ `./utils/launch.sh --vnc localhost:5901`
+
+* Point your browser to the cut-and-paste URL that is output by the
+ launch script. Enter a password if the VNC server has one
+ configured. Hit the Connect button and enjoy!
+
+
+### Other Pages
+
+* [Advanced Usage](wiki/Advanced-usage). Generating an SSL
+ certificate, starting a VNC server, advanced websockify usage, etc.
+
+* [Integrating noVNC](wiki/Integration) into existing projects.
+
+* [Troubleshooting noVNC problems](wiki/Troubleshooting).
+
+