2010-07-02 12:02:57 -05:00
|
|
|
## noVNC: HTML5 VNC Client
|
2010-04-06 21:34:56 -05:00
|
|
|
|
|
|
|
|
|
2010-07-02 12:02:57 -05:00
|
|
|
### Description
|
2010-04-06 21:34:56 -05:00
|
|
|
|
2010-05-12 09:39:38 -05:00
|
|
|
noVNC is a VNC client implemented using HTML5 technologies,
|
2010-07-15 20:18:39 -05:00
|
|
|
specifically Canvas and WebSockets (supports 'wss://' encryption).
|
2010-09-08 15:06:34 -05:00
|
|
|
noVNC is licensed under the
|
|
|
|
|
[LGPLv3](http://www.gnu.org/licenses/lgpl.html).
|
2010-04-06 21:34:56 -05:00
|
|
|
|
2010-07-13 17:51:26 -05:00
|
|
|
Special thanks to [Sentry Data Systems](http://www.sentryds.com) for
|
|
|
|
|
sponsoring ongoing development of this project (and for employing me).
|
2010-07-09 11:41:36 -05:00
|
|
|
|
2010-07-23 12:30:31 -05:00
|
|
|
Notable commits, announcements and news are posted to
|
|
|
|
|
@<a href="http://www.twitter.com/noVNC">noVNC</a>
|
|
|
|
|
|
|
|
|
|
|
2010-07-09 11:41:36 -05:00
|
|
|
### Screenshots
|
|
|
|
|
|
2010-07-09 10:51:51 -05:00
|
|
|
Running in Chrome before and after connecting:
|
2010-07-09 10:52:42 -05:00
|
|
|
|
2010-07-09 10:51:51 -05:00
|
|
|
<img src="http://kanaka.github.com/noVNC/img/noVNC-1.jpg" width=400> <img src="http://kanaka.github.com/noVNC/img/noVNC-2.jpg" width=400>
|
2010-04-06 21:34:56 -05:00
|
|
|
|
2010-07-09 11:41:36 -05:00
|
|
|
See more screenshots <a href="http://kanaka.github.com/noVNC/screenshots.html">here</a>.
|
|
|
|
|
|
|
|
|
|
|
2011-01-04 12:19:54 -06:00
|
|
|
### 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):
|
2011-04-24 12:52:19 -05:00
|
|
|
Demo [video](http://antoinemercadal.fr/archipelblog/wp-content/themes/ArchipelWPTemplate/video_youtube.php?title=VNC%20Demonstration&id=te_bzW574Zo)
|
2011-01-04 12:19:54 -06:00
|
|
|
|
|
|
|
|
* [openQRM](http://www.openqrm.com/): VNC plugin available
|
|
|
|
|
by request. Probably included in [version
|
2011-04-24 12:52:19 -05:00
|
|
|
4.8](http://www.openqrm.com/?q=node/15). Demo
|
|
|
|
|
[video](http://www.openqrm-enterprise.com/news/details/article/remote-vm-console-plugin-available.html).
|
2011-01-04 12:19:54 -06:00
|
|
|
|
2011-02-05 13:03:12 -06:00
|
|
|
* [OpenNode](http://www.opennodecloud.com/): uses noVNC in
|
|
|
|
|
[OpenNode Management Console](http://opennode.activesys.org/about/software-included-in-opennode/).
|
2011-04-24 12:52:19 -05:00
|
|
|
OMC [Screencast](http://opennode.activesys.org/about/opennode-management-console-screencast/).
|
2011-01-04 12:19:54 -06:00
|
|
|
|
2011-04-24 12:45:58 -05:00
|
|
|
* [OpenStack](http://www.openstack.org): uses noVNC in Cactus release
|
|
|
|
|
of [OpenStack Compute (Nova)](http://nova.openstack.org/runnova/vncconsole.html).
|
2011-04-24 12:52:19 -05:00
|
|
|
OpenStack [Screencast](http://player.vimeo.com/video/20787736?autoplay=1) with noVNC shown at about 2:17.
|
2011-04-24 12:45:58 -05:00
|
|
|
|
2011-06-13 14:27:47 -05:00
|
|
|
* [Broadway (HTML5 GDK/GTK+ backend)](http://blogs.gnome.org/alexl/2011/03/15/gtk-html-backend-update/):
|
2011-06-13 14:29:51 -05:00
|
|
|
uses noVNC keyboard/input handling code.
|
|
|
|
|
[Commit email](http://mail.gnome.org/archives/commits-list/2011-April/msg06623.html). Source file: [broadway.js](http://git.gnome.org/browse/gtk+/tree/gdk/broadway/broadway.js).
|
2011-06-13 14:27:47 -05:00
|
|
|
|
2010-09-24 10:29:42 -05:00
|
|
|
### 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.
|
|
|
|
|
|
2010-09-24 10:45:33 -05:00
|
|
|
* I maintain a more detailed list of browser compatibility <a
|
2011-04-24 12:34:09 -05:00
|
|
|
href="https://github.com/kanaka/noVNC/wiki/Browser-support">here</a>.
|
2010-09-24 10:45:33 -05:00
|
|
|
|
|
|
|
|
|
2010-09-24 10:29:42 -05:00
|
|
|
### Server Requirements
|
2010-04-06 21:34:56 -05:00
|
|
|
|
2010-07-15 20:18:39 -05:00
|
|
|
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
|
2011-01-18 14:19:55 -06:00
|
|
|
a python proxy included ('websockify'). One advantage of using the
|
|
|
|
|
proxy is that it has builtin support for SSL/TLS encryption (i.e.
|
|
|
|
|
"wss://").
|
2010-04-06 21:34:56 -05:00
|
|
|
|
2010-04-18 20:53:54 -05:00
|
|
|
There a few reasons why a proxy is required:
|
2010-04-06 21:34:56 -05:00
|
|
|
|
2010-07-15 20:18:39 -05:00
|
|
|
1. WebSockets is not a pure socket protocol. There is an initial HTTP
|
2010-04-18 20:53:54 -05:00
|
|
|
like handshake to allow easy hand-off by web servers and allow
|
2010-07-15 20:18:39 -05:00
|
|
|
some origin policy exchange. Also, each WebSockets frame begins
|
2010-04-18 20:53:54 -05:00
|
|
|
with 0 ('\x00') and ends with 255 ('\xff').
|
2010-04-06 21:37:35 -05:00
|
|
|
|
|
|
|
|
2. Javascript itself does not have the ability to handle pure byte
|
2010-07-15 20:22:55 -05:00
|
|
|
arrays. The python proxy encodes the data as base64 so that the
|
|
|
|
|
Javascript client can decode the data as an integer array.
|
2010-04-18 20:53:54 -05:00
|
|
|
|
2010-04-06 21:34:56 -05:00
|
|
|
|
2010-07-15 20:18:39 -05:00
|
|
|
### Quick Start
|
2010-04-06 21:34:56 -05:00
|
|
|
|
2010-07-15 20:18:39 -05:00
|
|
|
* Use the launch script to start a mini-webserver and the WebSockets
|
2011-01-18 14:19:55 -06:00
|
|
|
proxy (websockify). The `--vnc` option is used to specify the location of
|
2010-07-15 20:18:39 -05:00
|
|
|
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!
|
|
|
|
|
|
|
|
|
|
|
2011-01-18 14:19:55 -06:00
|
|
|
### Other Pages
|
2010-04-06 21:34:56 -05:00
|
|
|
|
2011-04-24 12:34:09 -05:00
|
|
|
* [Advanced Usage](https://github.com/kanaka/noVNC/wiki/Advanced-usage). Generating an SSL
|
2011-01-18 14:19:55 -06:00
|
|
|
certificate, starting a VNC server, advanced websockify usage, etc.
|
2010-06-14 14:34:05 -05:00
|
|
|
|
2011-04-24 12:34:09 -05:00
|
|
|
* [Integrating noVNC](https://github.com/kanaka/noVNC/wiki/Integration) into existing projects.
|
2010-06-14 14:34:05 -05:00
|
|
|
|
2011-04-24 12:34:09 -05:00
|
|
|
* [Troubleshooting noVNC](https://github.com/kanaka/noVNC/wiki/Troubleshooting) problems.
|
2010-07-15 20:18:39 -05:00
|
|
|
|
2010-07-26 17:41:19 -05:00
|
|
|
|