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>
|
2017-10-30 11:35:49 +00:00
|
|
|
<title>HTML5 Speedtest</title>
|
2016-10-09 07:13:36 +00:00
|
|
|
</head>
|
2017-05-15 10:02:32 +00:00
|
|
|
|
2016-10-09 07:13:36 +00:00
|
|
|
<body>
|
2017-10-30 11:35:49 +00:00
|
|
|
<h1>HTML5 Speedtest</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">
|
|
|
|
|
var w = new Worker('speedtest_worker.min.js') // create new worker
|
|
|
|
|
setInterval(function () { w.postMessage('status') }, 100) // ask for status every 100ms
|
|
|
|
|
w.onmessage = function (event) { // when status is received, split the string and put the values in the appropriate fields
|
2018-08-08 06:57:24 +00:00
|
|
|
var data = JSON.parse(event.data); //fetch speedtest worker output
|
|
|
|
|
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
|
|
|
}
|
|
|
|
|
w.postMessage('start') // start the speedtest (default params. keep garbage.php and empty.dat in the same directory as the js file)
|
|
|
|
|
</script>
|
2017-10-30 11:35:49 +00:00
|
|
|
|
|
|
|
|
<a href="https://github.com/adolfintel/speedtest">Source code</a>
|
|
|
|
|
|
2016-10-09 07:13:36 +00:00
|
|
|
</body>
|
2017-05-15 10:02:32 +00:00
|
|
|
</html>
|
