2016-10-09 07:13:36 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2017-10-30 11:35:49 +00:00
|
|
|
<meta charset="UTF-8" />
|
2016-10-09 07:13:36 +00:00
|
|
|
<head>
|
2019-09-25 06:23:53 +00:00
|
|
|
<title>LibreSpeed Example</title>
|
2019-08-22 04:41:14 +00:00
|
|
|
<link rel="shortcut icon" href="favicon.ico">
|
2016-10-09 07:13:36 +00:00
|
|
|
</head>
|
2019-06-30 05:03:06 +00:00
|
|
|
<script type="text/javascript" src="speedtest.js"></script>
|
2016-10-09 07:13:36 +00:00
|
|
|
<body>
|
2019-09-25 06:23:53 +00:00
|
|
|
<h1>LibreSpeed Example</h1>
|
2017-05-15 10:02:32 +00:00
|
|
|
|
|
|
|
|
<h4>IP Address</h4>
|
|
|
|
|
<p id="ip"></p>
|
|
|
|
|
|
|
|
|
|
<h4>Download</h4>
|
|
|
|
|
<p id="download"></p>
|
|
|
|
|
|
|
|
|
|
<h4>Upload</h4>
|
|
|
|
|
<p id="upload"></p>
|
|
|
|
|
|
|
|
|
|
<h4>Latency</h4>
|
|
|
|
|
<p id="ping"></p>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
2019-06-30 05:03:06 +00:00
|
|
|
var s=new Speedtest();
|
|
|
|
|
s.onupdate = function (data) { // when status is received, put the values in the appropriate fields
|
2018-08-08 06:57:24 +00:00
|
|
|
document.getElementById('download').textContent = data.dlStatus + ' Mbit/s'
|
|
|
|
|
document.getElementById('upload').textContent = data.ulStatus + ' Mbit/s'
|
|
|
|
|
document.getElementById('ping').textContent = data.pingStatus + ' ms, ' + data.jitterStatus + ' ms jitter'
|
|
|
|
|
document.getElementById('ip').textContent = data.clientIp
|
2017-05-15 10:02:32 +00:00
|
|
|
}
|
2023-08-28 20:12:08 +00:00
|
|
|
s.start(); // start the speed test with default settings
|
2017-05-15 10:02:32 +00:00
|
|
|
</script>
|
2017-10-30 11:35:49 +00:00
|
|
|
|
2019-09-25 06:23:53 +00:00
|
|
|
<a href="https://github.com/librespeed/speedtest">Source code</a>
|
2017-10-30 11:35:49 +00:00
|
|
|
|
2016-10-09 07:13:36 +00:00
|
|
|
</body>
|
2017-05-15 10:02:32 +00:00
|
|
|
</html>
|
