|
|
@ -26,6 +26,7 @@ |
|
|
right: 0; |
|
|
right: 0; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 33%; |
|
|
height: 33%; |
|
|
|
|
|
pointer-events: all; |
|
|
} |
|
|
} |
|
|
p { |
|
|
p { |
|
|
position: relative; |
|
|
position: relative; |
|
|
@ -45,12 +46,9 @@ |
|
|
opacity: 0.6; |
|
|
opacity: 0.6; |
|
|
z-index: 1; |
|
|
z-index: 1; |
|
|
} |
|
|
} |
|
|
#textoverlay, #controls, .stats-box { |
|
|
#textoverlay, .stats-box { |
|
|
pointer-events: none; |
|
|
pointer-events: none; |
|
|
} |
|
|
} |
|
|
#controls canvas { |
|
|
|
|
|
pointer-events: all; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
</style> |
|
|
</head> |
|
|
</head> |
|
|
<body> |
|
|
<body> |
|
|
@ -199,9 +197,8 @@ socket.on('battery', (data) => { |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
statsInterval = window.setInterval(getConnectionStats, 1000); |
|
|
|
|
|
|
|
|
|
|
|
function getConnectionStats() { |
|
|
function getConnectionStats() { |
|
|
|
|
|
if (webrtcPeerConnection) { |
|
|
webrtcPeerConnection.getStats(null).then(stats => { |
|
|
webrtcPeerConnection.getStats(null).then(stats => { |
|
|
var statsOutput = ""; |
|
|
var statsOutput = ""; |
|
|
|
|
|
|
|
|
@ -216,6 +213,9 @@ function getConnectionStats() { |
|
|
document.querySelector(".stats-box").innerHTML = statsOutput; |
|
|
document.querySelector(".stats-box").innerHTML = statsOutput; |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
var statsInterval = window.setInterval(getConnectionStats, 1000); |
|
|
|
|
|
|
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
|
