Use a Web Browser as a VNC client

This article provides the procedures with the network of the following figure and the OS is Ubuntu 20.04.

Preparation and Run

Run the following commands on noVNC Server.

Download noVNC

git clone https://github.com/novnc/noVNC.git

When websockify is not installed, install it

sudo apt install python3-websockify

Run websockify

The right hand side of --web= is supposed to be a directory where noVNC is donwloaded. The next option is a port nubmer for a Web Browsers. The last option is an IP address and the port number of VNC server.

websockify --web=noVNC 8081 192.168.1.20:5901

Access from a Web Browser

Access the following 

• http://192.168.1.10:8081/vnc.html

The following content will be shown in the browser.