|
|
|
@ -123,6 +123,12 @@ |
|
|
|
Load JSON data to start visualization |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<!-- START: Add the new Radar Info Overlay here --> |
|
|
|
<div id="radar-info-overlay" |
|
|
|
class="absolute top-1 left-2 z-10 bg-black bg-opacity-60 text-white font-mono text-xs p-2 rounded-md hidden"> |
|
|
|
<!-- Content will be added by JavaScript --> |
|
|
|
</div> |
|
|
|
<!-- END: Add the new Radar Info Overlay here --> |
|
|
|
<div class="absolute bottom-2 left-1/2 -translate-x-1/2 flex items-center justify-center gap-4"> |
|
|
|
<div id="ego-speed-display" |
|
|
|
class="bg-black bg-opacity-60 text-white text-sm px-3 py-1.5 rounded-md hidden font-mono"></div> |
|
|
|
@ -203,6 +209,12 @@ |
|
|
|
<p id="video-placeholder" class="text-gray-500 dark:text-gray-400 text-lg"> |
|
|
|
Load a video file |
|
|
|
</p> |
|
|
|
<!-- START: Add the new Video Info Overlay here --> |
|
|
|
<div id="video-info-overlay" |
|
|
|
class="absolute top-1 left-2 z-10 bg-black bg-opacity-60 text-white font-mono text-xs p-2 rounded-md hidden"> |
|
|
|
<!-- Content will be added by JavaScript --> |
|
|
|
</div> |
|
|
|
<!-- END: Add the new Video Info Overlay here --> |
|
|
|
<div id="debug-overlay" |
|
|
|
class="absolute top-0 left-0 bg-black bg-opacity-60 text-white p-2 font-mono text-xs hidden w-full"></div> |
|
|
|
</div> |
|
|
|
|