apps/BareRTC
1
0
Fork 0
Code Issues 14 Pull Requests Packages Projects Releases Wiki Activity

A background graphic for videos to detect broken connections

Browse Source
This commit is contained in:
Noah 2024-05-15 19:42:51 -07:00
parent b82e8f651b
commit b74edd1512
3 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/static/img/connection-error.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

7
src/App.vue
View File

@ -1023,6 +1023,13 @@ export default {
return;
}
// DEBUGGING: fake open a broken video to see the error graphic
if (this.message.toLowerCase().indexOf("/debug-broken-video") === 0) {
this.WebRTC.streams["#broken"] = null;
this.message = "";
return;
}
// DEBUGGING: print WebRTC statistics
if (this.message.toLowerCase().indexOf("/debug-webrtc") === 0) {
let lines = [

7
src/components/VideoFeed.vue
View File

@ -156,4 +156,11 @@ export default {
top: 30px;
bottom: 44px;
}
/* A background image behind video elements in case they don't load properly */
video {
background-image: url(/static/img/connection-error.png);
background-position: center center;
background-repeat: no-repeat;
}
</style>