mirror of
https://gitlab.uni-freiburg.de/opensourcevdi/spice-html5
synced 2025-12-26 04:36:03 +00:00
This allows IE10 to function. Note that we would normally subclass this type, but ArrayBuffer is implemented in native code, and so is difficult to subclass.
137 lines
4.6 KiB
HTML
137 lines
4.6 KiB
HTML
<!--
|
|
Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
|
|
|
|
This file is part of spice-html5.
|
|
|
|
spice-html5 is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Lesser General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
spice-html5 is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Lesser General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Lesser General Public License
|
|
along with spice-html5. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
--------------------------------------------------
|
|
Spice Javascript client template.
|
|
Refer to main.js for more detailed information
|
|
--------------------------------------------------
|
|
|
|
-->
|
|
|
|
<!doctype html>
|
|
<html>
|
|
<head>
|
|
|
|
<title>Spice Javascript client</title>
|
|
<script src="spicearraybuffer.js"></script>
|
|
<script src="enums.js"></script>
|
|
<script src="atKeynames.js"></script>
|
|
<script src="utils.js"></script>
|
|
<script src="png.js"></script>
|
|
<script src="lz.js"></script>
|
|
<script src="quic.js"></script>
|
|
<script src="bitmap.js"></script>
|
|
<script src="spicedataview.js"></script>
|
|
<script src="spicetype.js"></script>
|
|
<script src="spicemsg.js"></script>
|
|
<script src="wire.js"></script>
|
|
<script src="spiceconn.js"></script>
|
|
<script src="display.js"></script>
|
|
<script src="main.js"></script>
|
|
<script src="inputs.js"></script>
|
|
<script src="cursor.js"></script>
|
|
<script src="thirdparty/jsbn.js"></script>
|
|
<script src="thirdparty/rsa.js"></script>
|
|
<script src="thirdparty/prng4.js"></script>
|
|
<script src="thirdparty/rng.js"></script>
|
|
<script src="thirdparty/sha1.js"></script>
|
|
<script src="ticket.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="spice.css" />
|
|
|
|
<script>
|
|
var host = null, port = null;
|
|
var sc;
|
|
|
|
function spice_error(e)
|
|
{
|
|
disconnect();
|
|
}
|
|
|
|
function connect()
|
|
{
|
|
var host, port, password, scheme = "ws://", uri;
|
|
|
|
host = document.getElementById("host").value;
|
|
port = document.getElementById("port").value;
|
|
password = document.getElementById("password").value;
|
|
|
|
|
|
if ((!host) || (!port)) {
|
|
console.log("must set host and port");
|
|
return;
|
|
}
|
|
|
|
if (sc) {
|
|
sc.stop();
|
|
}
|
|
|
|
uri = scheme + host + ":" + port;
|
|
|
|
document.getElementById('connectButton').innerHTML = "Stop";
|
|
document.getElementById('connectButton').onclick = disconnect;
|
|
|
|
try
|
|
{
|
|
sc = new SpiceMainConn({uri: uri, screen_id: "spice-screen", dump_id: "debug-div",
|
|
message_id: "message-div", password: password, onerror: spice_error });
|
|
}
|
|
catch (e)
|
|
{
|
|
alert(e.toString());
|
|
disconnect();
|
|
}
|
|
|
|
}
|
|
|
|
function disconnect()
|
|
{
|
|
console.log(">> disconnect");
|
|
if (sc) {
|
|
sc.stop();
|
|
}
|
|
document.getElementById('connectButton').innerHTML = "Start";
|
|
document.getElementById('connectButton').onclick = connect;
|
|
console.log("<< disconnect");
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="login">
|
|
<span class="logo">SPICE</span>
|
|
<label for="host">Host:</label> <input type='text' id='host' value='localhost'> <!-- localhost -->
|
|
<label for="port">Port:</label> <input type='text' id='port' value='5959'>
|
|
<label for="password">Password:</label> <input type='password' id='password' value='spicy'>
|
|
<button id="connectButton" onclick="connect();">Start</button>
|
|
</div>
|
|
|
|
<div id="spice-area">
|
|
<div id="spice-screen" class="spice-screen"></div>
|
|
</div>
|
|
|
|
<div id="message-div" class="spice-message"></div>
|
|
|
|
<div id="debug-div">
|
|
<!-- If DUMPXXX is turned on, dumped images will go here -->
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|