-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathscreenshots.html
128 lines (95 loc) · 4.09 KB
/
screenshots.html
1
2
3
4
5
6
7
8
9
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="noVNC/app/images/icons/novnc.ico">
<link rel="stylesheet" href="css/info.css" />
<script src="menu.js"></script>
<title>noVNC Videos and Screenshots</title>
</head>
<body include-html="top_bar.html">
<div id="content" class="wrapper">
<p>See <a href="info.html">homepage</a> and
<a href="https://github.com/novnc/noVNC/blob/master/README.md">
README</a>
for more info.
</p>
<br/><br/>
<iframe width="700" height="393"
src="https://www.youtube.com/embed/b5tBNdncDNk?ecver=1"
frameborder="0" allowfullscreen>
</iframe>
<br/>
A very quick 1 minute demo showing noVNC in Firefox on Windows 10 used to
connect to a GNOME desktop.
<br/><br/><br/>
<a href="img/noVNC-1-login.png" target="_blank">
<img src="img/noVNC-1-login.png"/></a>
<br/>
The login screen of noVNC. You will be prompted for a password if your
server requires one.
<br/><br/><br/>
<a href="img/noVNC-2-translations.png" target="_blank">
<img src="img/noVNC-2-translations.png"/></a>
<br/>
The interface is translated. German translation shown here.
<br/><br/><br/>
<a href="img/noVNC-3-connected.png" target="_blank">
<img src="img/noVNC-3-connected.png"/></a>
<br/>
Connected to an <em>TigerVNC</em> server running on a Fedora 25
workstation with an GNOME 3 desktop, Google Chrome, gnome-calculator,
gnome-terminal and nautilus. Yes, that's Chrome running "inside" of
Firefox. Clicking the small handle to the left will open the control bar.
<br/><br/><br/>
<a href="img/noVNC-4-settings.png" target="_blank">
<img src="img/noVNC-4-settings.png"/></a>
<br/>
There are many settings in the interface, including local cursor, scaling,
clipping mode for viewport panning and automatic reconnection.
<br/><br/><br/>
<a href="img/noVNC-5-clipboard.png" target="_blank">
<img src="img/noVNC-5-clipboard.png"/></a>
<br/>
A solution for clipboard transfer is available. Text copied in the remote
desktop will appear in the clipboard box in noVNC's interface. You can
then copy the text from that box to access it in your local clipboard. Any
text put into the clipboard box will be sent to the remote clipboard as
well.
<br/><br/><br/>
<a href="img/noVNC-6-extrabuttons.png" target="_blank">
<img src="img/noVNC-6-extrabuttons.png"/></a>
<br/>
Some keyboard keys and combinations are intercepted by the browser. We
have added the most common keys to the interface to allow such keys to be
sent to the remote desktop. Note that the control bar can be dragged to
whichever side you prefer, simply drag the handle.
<br/><br/><br/>
<a href="img/noVNC-7-android.png" target="_blank">
<img src="img/noVNC-7-android.png"/></a>
<br/>
Connected to the same remote system using Firefox on a Samsung Galaxy S8
running Android 7. Notice the mouse and keyboard buttons in the control
bar for selecting the active mouse button and for toggling the on-screen
keyboard. You can run noVNC in fullscreen mode if you want (third button
from the bottom).
<br/><br/><br/>
<a href="img/noVNC-8-ipad.jpg" target="_blank">
<img src="img/noVNC-8-ipad.jpg"/></a>
<br/>
Connected to the same remote system using Safari on an iPad mini 3 running
iOS 10.
<br/><br/><br/>
<hr/>
<p align="center"><em><small>This page was last updated the
<time datetime="2017-05-13">13th of May 2017</time>
</small></em></p>
<hr/>
<div class="footer">
get the source code on GitHub :
<a href="https://github.com/novnc/noVNC">novnc/noVNC</a>
</div>
</div>
</body>
</html>