mirror of
https://github.com/owntracks/recorder.git
synced 2024-11-15 18:08:28 -07:00
72 lines
2.2 KiB
HTML
72 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>WebSocket Test</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<link rel="icon" sizes="192x192" href="static/recorder.png">
|
|
<link rel="apple-touch-icon" href="static/recorder.png">
|
|
|
|
<script type="module">
|
|
|
|
import { debug } from "../utils/debug.js";
|
|
|
|
import { getApiUrl } from "../utils/network.js";
|
|
import { escapeHTML } from "../utils/misc.js";
|
|
|
|
function displayMessage(message) {
|
|
const div = document.createElement('div');
|
|
div.innerHTML = message;
|
|
document.getElementById('output').appendChild(div);
|
|
};
|
|
|
|
|
|
//let num_messages = 0;
|
|
|
|
// location.host localhost:8080 localhost:8083
|
|
// location.pathname /otr/ws.html /ws.html
|
|
|
|
const url = getApiUrl("last", { useWebsocket: true });
|
|
|
|
displayMessage(`CONNECTING TO: ${url.href}`);
|
|
|
|
const websocket = new WebSocket(url);
|
|
websocket.addEventListener("open", () => {
|
|
displayMessage('CONNECTED');
|
|
const msg = 'LAST';
|
|
displayMessage('SENT: ' + msg);
|
|
websocket.send(msg);
|
|
});
|
|
websocket.addEventListener("close", () => {
|
|
displayMessage('DISCONNECTED');
|
|
});
|
|
websocket.addEventListener("message", event => {
|
|
if (!event.data) {
|
|
displayMessage('<span style="color: blue;">PING... </span>');
|
|
} else {
|
|
displayMessage(escapeHTML `<span style="color: blue;">RESPONSE: ${ event.data } </span>`);
|
|
debug("RESPONSE:", event.data);
|
|
//num_messages++;
|
|
}
|
|
/*
|
|
if (num_messages > 3) {
|
|
websocket.send('exit');
|
|
} */
|
|
});
|
|
websocket.addEventListener("error", event => {
|
|
console.error(event);
|
|
displayMessage(escapeHTML `<span style="color: red;">ERROR: ${ event.data } </span>`);
|
|
});
|
|
|
|
</script>
|
|
<style> div {font: small Verdana; } </style>
|
|
</head>
|
|
<body>
|
|
<h2>OwnTracks Recorder WebSocket Test</h2>
|
|
|
|
<div id="output"></div>
|
|
</body>
|
|
</html>
|