hendrik
/
roberto
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

fix javascript

main
Hendrik Langer 4 years ago
parent
72b3a9a098
commit
9b5135920d
2 changed files with 20 additions and 18 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      raspberry/roberto/views/frontend/templates/gamepad.js
  2. 36
      raspberry/roberto/views/frontend/templates/index.html

2
raspberry/roberto/views/frontend/templates/gamepad.js
View File

@ -97,6 +97,8 @@ if (haveEvents) {
// Virtual Joystick // Virtual Joystick
var joystick = nipplejs.create({ var joystick = nipplejs.create({
zone: document.getElementById('controls'), zone: document.getElementById('controls'),
mode: 'static',
position: {left: '50%', top: '50%'},
color: 'blue' color: 'blue'
}); });
/* /*

36
raspberry/roberto/views/frontend/templates/index.html
View File

@ -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,24 +197,26 @@ socket.on('battery', (data) => {
}; };
statsInterval = window.setInterval(getConnectionStats, 1000); function getConnectionStats() {
if (webrtcPeerConnection) {
webrtcPeerConnection.getStats(null).then(stats => {
var statsOutput = "";
function getConnectionStats() { stats.forEach(report => {
webrtcPeerConnection.getStats(null).then(stats => { if (report.type === "inbound-rtp" && report.kind === "video") {
var statsOutput = ""; Object.keys(report).forEach(statName => {
statsOutput += `<strong>${statName}:</strong> ${report[statName]}<br>\n`;
stats.forEach(report => { });
if (report.type === "inbound-rtp" && report.kind === "video") { }
Object.keys(report).forEach(statName => { });
statsOutput += `<strong>${statName}:</strong> ${report[statName]}<br>\n`;
}); document.querySelector(".stats-box").innerHTML = statsOutput;
}
}); });
}
document.querySelector(".stats-box").innerHTML = statsOutput;
});
} }
var statsInterval = window.setInterval(getConnectionStats, 1000);
</script> </script>
<script src="{{ url_for('frontend.gamepad_js') }}"></script> <script src="{{ url_for('frontend.gamepad_js') }}"></script>

Write Preview
Loading…
Cancel
Save