|
|
@ -29,6 +29,12 @@ |
|
|
top: 20px; |
|
|
top: 20px; |
|
|
right: 50px |
|
|
right: 50px |
|
|
} |
|
|
} |
|
|
|
|
|
#textoverlay, #controls, .stats-box { |
|
|
|
|
|
pointer-events: none; |
|
|
|
|
|
} |
|
|
|
|
|
#controls canvas { |
|
|
|
|
|
pointer-events: all; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
</head> |
|
|
</head> |
|
|
<body> |
|
|
<body> |
|
|
@ -36,7 +42,7 @@ |
|
|
{# <!--<img src="{{ url_for('frontend.video_feed') }}">--> #} |
|
|
{# <!--<img src="{{ url_for('frontend.video_feed') }}">--> #} |
|
|
|
|
|
|
|
|
<div id="video"> |
|
|
<div id="video"> |
|
|
<video id="stream" autoplay playsinline muted>Your browser does not support video</video> |
|
|
<video id="stream" autoplay playsinline muted controls>Your browser does not support video</video> |
|
|
<canvas id="textoverlay"></canvas> |
|
|
<canvas id="textoverlay"></canvas> |
|
|
<div id="controls"></div> |
|
|
<div id="controls"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
