base on VNC client web application ## noVNC: HTML VNC client library and application [](https://github.com/novnc/noVNC/actions?query=workflow%3ATest) [](https://github.com/novnc/noVNC/actions?query=workflow%3ALint) ### Description noVNC is both a HTML VNC client JavaScript library and an application built on top of that library. noVNC runs well in any modern browser including mobile browsers (iOS and Android). Many companies, projects and products have integrated noVNC including [OpenStack](http://www.openstack.org), [OpenNebula](http://opennebula.org/), [LibVNCServer](http://libvncserver.sourceforge.net), and [ThinLinc](https://cendio.com/thinlinc). See [the Projects and companies wiki page](https://github.com/novnc/noVNC/wiki/Projects-and-companies-using-noVNC) for a more complete list with additional info and links. ### Table of contents - [News/help/contact](#newshelpcontact) - [Features](#features) - [Screenshots](#screenshots) - [Browser requirements](#browser-requirements) - [Server requirements](#server-requirements) - [Quick start](#quick-start) - [Installation from snap package](#installation-from-snap-package) - [Integration and deployment](#integration-and-deployment) - [Authors/Contributors](#authorscontributors) ### News/help/contact The project website is found at [novnc.com](http://novnc.com). If you are a noVNC developer/integrator/user (or want to be) please join the [noVNC discussion group](https://groups.google.com/forum/?fromgroups#!forum/novnc). Bugs and feature requests can be submitted via [github issues](https://github.com/novnc/noVNC/issues). If you have questions about using noVNC then please first use the [discussion group](https://groups.google.com/forum/?fromgroups#!forum/novnc). We also have a [wiki](https://github.com/novnc/noVNC/wiki/) with lots of helpful information. If you are looking for a place to start contributing to noVNC, a good place to start would be the issues that are marked as ["patchwelcome"](https://github.com/novnc/noVNC/issues?labels=patchwelcome). Please check our [contribution guide](https://github.com/novnc/noVNC/wiki/Contributing) though. If you want to show appreciation for noVNC you could donate to a great non- profits such as: [Compassion International](http://www.compassion.com/), [SIL](http://www.sil.org), [Habitat for Humanity](http://www.habitat.org), [Electronic Frontier Foundation](https://www.eff.org/), [Against Malaria Foundation](http://www.againstmalaria.com/), [Nothing But Nets](http://www.nothingbutnets.net/), etc. ### Features * Supports all modern browsers including mobile (iOS, Android) * Supported authentication methods: none, classical VNC, RealVNC's RSA-AES, Tight, VeNCrypt Plain, XVP, Apple's Diffie-Hellman, UltraVNC's MSLogonII * Supported VNC encodings: raw, copyrect, rre, hextile, tight, tightPNG, ZRLE, JPEG, Zlib * Supports scaling, clipping and resizing the desktop * Local cursor rendering * Clipboard copy/paste with full Unicode support * Translations * Touch gestures for emulating common mouse actions * Licensed mainly under the [MPL 2.0](http://www.mozilla.org/MPL/2.0/), see [the license document](LICENSE.txt) for details ### Screenshots Running in Firefox before and after connecting: <img src="http://novnc.com/img/noVNC-1-login.png" width=400>&nbsp; <img src="http://novnc.com/img/noVNC-3-connected.png" width=400> See more screenshots [here](http://novnc.com/screenshots.html). ### Browser requirements noVNC uses many modern web technologies so a formal requirement list is not available. However these are the minimum versions we are currently aware of: * Chrome 89, Firefox 89, Safari 15, Opera 75, Edge 89 ### Server requirements noVNC follows the standard VNC protocol, but unlike other VNC clients it does require WebSockets support. Many servers include support (e.g. [x11vnc/libvncserver](http://libvncserver.sourceforge.net/), [QEMU](http://www.qemu.org/), and [MobileVNC](http://www.smartlab.at/mobilevnc/)), but for the others you need to use a WebSockets to TCP socket proxy. noVNC has a sister project [websockify](https://github.com/novnc/websockify) that provides a simple such proxy. ### Quick start * Use the `novnc_proxy` script to automatically download and start websockify, which includes a mini-webserver and the WebSockets proxy. The `--vnc` option is used to specify the location of a running VNC server: `./utils/novnc_proxy --vnc localhost:5901` * If you don't need to expose the web server to public internet, you can bind to localhost: `./utils/novnc_proxy --vnc localhost:5901 --listen localhost:6081` * Point your browser to the cut-and-paste URL that is output by the `novnc_proxy` script. Hit the Connect button, enter a password if the VNC server has one configured, and enjoy! ### Installation from snap package Running the command below will install the latest release of noVNC from snap: `sudo snap install novnc` #### Running noVNC from snap directly You can run the snap package installed novnc directly with, for example: `novnc --listen 6081 --vnc localhost:5901 # /snap/bin/novnc if /snap/bin is not in your PATH` If you want to use certificate files, due to standard snap confinement restrictions you need to have them in the /home/\<user\>/snap/novnc/current/ directory. If your username is jsmith an example command would be: `novnc --listen 8443 --cert ~jsmith/snap/novnc/current/self.crt --key ~jsmith/snap/novnc/current/self.key --vnc ubuntu.example.com:5901` #### Running noVNC from snap as a service (daemon) The snap package also has the capability to run a 'novnc' service which can be configured to listen on multiple ports connecting to multiple VNC servers (effectively a service runing multiple instances of novnc). Instructions (with example values): List current services (out-of-box this will be blank): ``` sudo snap get novnc services Key Value services.n6080 {...} services.n6081 {...} ``` Create a new service that listens on port 6082 and connects to the VNC server running on port 5902 on localhost: `sudo snap set novnc services.n6082.listen=6082 services.n6082.vnc=localhost:5902` (Any services you define with 'snap set' will be automatically started) Note that the name of the service, 'n6082' in this example, can be anything as long as it doesn't start with a number or contain spaces/special characters. View the configuration of the service just created: ``` sudo snap get novnc services.n6082 Key Value services.n6082.listen 6082 services.n6082.vnc localhost:5902 ``` Disable a service (note that because of a limitation in snap it's currently not possible to unset config variables, setting them to blank values is the way to disable a service): `sudo snap set novnc services.n6082.listen='' services.n6082.vnc=''` (Any services you set to blank with 'snap set' like this will be automatically stopped) Verify that the service is disabled (blank values): ``` sudo snap get novnc services.n6082 Key Value services.n6082.listen services.n6082.vnc ``` ### Integration and deployment Please see our other documents for how to integrate noVNC in your own software, or deploying the noVNC application in production environments: * [Embedding](docs/EMBEDDING.md) - For the noVNC application * [Library](docs/LIBRARY.md) - For the noVNC JavaScript library ### Authors/Contributors See [AUTHORS](AUTHORS) for a (full-ish) list of authors. If you're not on that list and you think you should be, feel free to send a PR to fix that. * Core team: * [Samuel Mannehed](https://github.com/samhed) (Cendio) * [Pierre Ossman](https://github.com/CendioOssman) (Cendio) * Previous core contributors: * [Joel Martin](https://github.com/kanaka) (Project founder) * [Solly Ross](https://github.com/DirectXMan12) (Red Hat / OpenStack) * Notable contributions: * UI and icons : Pierre Ossman, Chris Gordon * Original logo : Michael Sersen * tight encoding : Michael Tinglof (Mercuri.ca) * RealVNC RSA AES authentication : USTC Vlab Team * Included libraries: * base64 : Martijn Pieters (Digital Creations 2), Samuel Sieb (sieb.net) * DES : Dave Zimmerman (Widget Workshop), Jef Poskanzer (ACME Labs) * Pako : Vitaly Puzrin (https://github.com/nodeca/pako) Do you want to be on this list? Check out our [contribution guide](https://github.com/novnc/noVNC/wiki/Contributing) and start hacking! ", Assign "at most 3 tags" to the expected json: {"id":"1646","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"