|
573 | 573 | <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix> |
574 | 574 |
|
575 | 575 | <li class="md-nav__item"> |
576 | | - <a href="#key-interface-elements" class="md-nav__link"> |
| 576 | + <a href="#left-panel-video-management" class="md-nav__link"> |
577 | 577 | <span class="md-ellipsis"> |
578 | | - Key Interface Elements |
| 578 | + Left Panel: Video Management |
| 579 | + </span> |
| 580 | + </a> |
| 581 | + |
| 582 | +</li> |
| 583 | + |
| 584 | + <li class="md-nav__item"> |
| 585 | + <a href="#center-panel-video-player-controls" class="md-nav__link"> |
| 586 | + <span class="md-ellipsis"> |
| 587 | + Center Panel: Video Player & Controls |
| 588 | + </span> |
| 589 | + </a> |
| 590 | + |
| 591 | +</li> |
| 592 | + |
| 593 | + <li class="md-nav__item"> |
| 594 | + <a href="#right-panel-annotation-management" class="md-nav__link"> |
| 595 | + <span class="md-ellipsis"> |
| 596 | + Right Panel: Annotation Management |
579 | 597 | </span> |
580 | 598 | </a> |
581 | 599 |
|
@@ -909,17 +927,40 @@ <h1 id="gui-overview">GUI Overview<a class="headerlink" href="#gui-overview" tit |
909 | 927 | <p>Refer to the screenshots below for a visual guide.</p> |
910 | 928 | <p>The OSL Annotation Tool is organized in three main panels:</p> |
911 | 929 | <p><img alt="GUI Layout" src="../assets/screenshot_layout.png" /></p> |
| 930 | +<h2 id="left-panel-video-management">Left Panel: Video Management<a class="headerlink" href="#left-panel-video-management" title="Permanent link">¶</a></h2> |
| 931 | +<ul> |
| 932 | +<li><strong>Video List:</strong> Displays all loaded videos or games. Each entry shows the filename and the number of annotated events.</li> |
| 933 | +<li><strong>Add Video:</strong> Use the button to add new video files to your project.</li> |
| 934 | +<li><strong>Remove Video:</strong> Remove the selected video from the list and the project.</li> |
| 935 | +<li><strong>Selection:</strong> Clicking a video loads it into the player and displays its annotations in the right panel.</li> |
| 936 | +<li><strong>Load/Save Buttons:</strong> Quickly load or save your annotation project (OSL JSON format).</li> |
| 937 | +</ul> |
| 938 | +<h2 id="center-panel-video-player-controls">Center Panel: Video Player & Controls<a class="headerlink" href="#center-panel-video-player-controls" title="Permanent link">¶</a></h2> |
912 | 939 | <ul> |
913 | | -<li><strong>Left Panel:</strong> List of games or loaded videos</li> |
914 | | -<li><strong>Center Panel:</strong> Video player with playback controls, timeline, and annotation tools</li> |
915 | | -<li><strong>Right Panel:</strong> List of annotations (timestamp, label), with options to add, edit, or delete</li> |
| 940 | +<li><strong>Video Display:</strong> Shows the currently selected video. You can play, pause, and seek through the video.</li> |
| 941 | +<li><strong>Playback Controls:</strong></li> |
| 942 | +<li>Play/Pause, step forward/backward by frame or by time (1s, 5s)</li> |
| 943 | +<li>Change playback speed (1x, 2x, 4x, 8x, and slower speeds)</li> |
| 944 | +<li>Timeline slider for quick navigation</li> |
| 945 | +<li><strong>Status Bar:</strong> Shows the current time, total duration, and status messages.</li> |
916 | 946 | </ul> |
917 | | -<h3 id="key-interface-elements">Key Interface Elements<a class="headerlink" href="#key-interface-elements" title="Permanent link">¶</a></h3> |
| 947 | +<h2 id="right-panel-annotation-management">Right Panel: Annotation Management<a class="headerlink" href="#right-panel-annotation-management" title="Permanent link">¶</a></h2> |
918 | 948 | <ul> |
919 | | -<li><strong>Toolbar:</strong> Quick access to open, save, add annotation, and playback controls</li> |
920 | | -<li><strong>Timeline:</strong> Visualizes video progress and annotation points</li> |
921 | | -<li><strong>Annotation List:</strong> See, edit, or delete all actions for the loaded video</li> |
922 | | -<li><strong>Status Bar:</strong> Messages and progress information</li> |
| 949 | +<li><strong>Annotation List:</strong> Shows all annotations for the selected video, including timestamp and label.</li> |
| 950 | +<li><strong>Add Annotation:</strong> </li> |
| 951 | +<li>Add a new annotation at the current video time.</li> |
| 952 | +<li><strong>Remove Annotation:</strong> </li> |
| 953 | +<li>Remove the currently selected annotation.</li> |
| 954 | +<li><strong>Edit Annotation:</strong></li> |
| 955 | +<li>Select an annotation to edit its label or timestamp</li> |
| 956 | +<li>Use "Set to Current Video Time" to update the annotation time</li> |
| 957 | +<li><strong>Label Management:</strong></li> |
| 958 | +<li>Add new labels or remove existing ones</li> |
| 959 | +<li>Assign labels to annotations</li> |
| 960 | +<li><strong>Metadata:</strong></li> |
| 961 | +<li>View or edit additional metadata for each annotation (if supported)</li> |
| 962 | +<li><strong>Navigation:</strong></li> |
| 963 | +<li>Quickly jump to previous or next annotation using navigation buttons</li> |
923 | 964 | </ul> |
924 | 965 | <p>For details on annotating, see <a href="../annotating/">Annotating Actions</a>.</p> |
925 | 966 |
|
|
0 commit comments