emily/video2document
1
0
Fork 0
mirror of https://gitlab.rlp.net/proj-wise2526-video2document/video2document.git synced 2026-06-15 18:01:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fixed helppage bug

Browse Source
This commit is contained in:
Verena Schulz
2026-01-21 17:41:17 +01:00
parent b7f4ae93ce
commit ccc1002a59
2 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
electron/main/index.html
+10 -10
View File
@@ -122,44 +122,44 @@
<!-- NUR DIESER TEIL SCROLLT -->
<div class="content" id="content">
<div class="step" id="convertVid">
<div class="step_hp" id="convertVid">
<h2 id="hp_convertVid_h2">Convert video to document.</h2>
<div class="step" id="firstStep">
<div class="step_hp" id="firstStep">
<h3 id="hp_firstStep_h3">Step 1 - Select video</h3>
<p id="hp_firstStep_p">
- Drag a video file into the drag-and-drop field or click <strong>“Search video”</strong>,<br>to select a file using your file browser.<br>- Then click <strong>Step 2</strong> or the blue arrow on the right to continue.
</p>
</div>
<div class="step" id="secondStep">
<div class="step_hp" id="secondStep">
<h3 id="hp_secondStep_h3">Step 2 - Configuration</h3>
<p id="hp_secondStep_p">
- Select the <strong>AI</strong> to be used in the first dropdown menu.<br>- Select the <strong>transcription tool</strong> to be used in the second dropdown menu.<br>- Select the <strong>file format</strong> of the document to be created in the third dropdown menu.<br>- Select the <strong>language</strong> of the document to be created in the fourth dropdown menu.<br>- Then click <strong>Step 3</strong> or the blue arrow on the right to continue.
</p>
</div>
<div class="step" id="thirdStep">
<div class="step_hp" id="thirdStep">
<h3 id="hp_thirdStep_h3">Step 3 - Select document type</h3>
<p id="hp_thirdStep_p">
Select a document type using the checkbox or choose a previously created document type from the dropdown menu.<br>- Then click <strong>Step 4</strong> or the blue arrow on the right to continue.
</p>
</div>
<div class="step" id="fourthStep">
<div class="step_hp" id="fourthStep">
<h3 id="hp_fourthStep_h3">Step 4 - Confirm</h3>
<p id="hp_fourthStep_p">
Click <strong>“Submit”</strong> to start the document generation.<br>During processing, four status indicators are displayed that gradually change from red to green and show the current progress:<br><br>Indicator 1: Upload and preparation of the video file.<br>Indicator 2: Transcription of the video content.<br>Indicator 3: AI-based processing and document creation.<br>Indicator 4: Completion of generation and provision of the document.<br><br>After successful completion, click <strong>Step 5</strong> or the blue arrow on the right to continue.
</p>
</div>
<div class="step" id="fifthStep">
<div class="step_hp" id="fifthStep">
<h3 id="hp_fifthStep_h3">Step 5 - Identify speakers</h3>
<p id="hp_fifthStep_p">
In the dropdown menu, you can select a recognized speaker.<br>Using the play button, you can listen to a spoken sentence to clearly identify the speaker.<br>With the speaker icon, you can adjust the volume.<br>Using the three-dot menu, you can set the playback speed.<br><br>In the text field <strong>“Write name”</strong>, enter the actual name of the speaker so that it is displayed in the document instead of placeholders such as “Speaker A”.<br>Confirm the entry with <strong>“Rename Speaker”</strong>.<br><br>With the <strong>“Rewrite Document”</strong> button, all speaker labels in the document are then replaced.<br><br>After that, click <strong>Step 6</strong> or the blue arrow on the right to continue.
</p>
</div>
<div class="step" id="sixthStep">
<div class="step_hp" id="sixthStep">
<h3 id="hp_sixthStep_h3">Step 6 - Save document</h3>
<p id="hp_sixthStep_p">
Click <strong>“Download”</strong> to save the document.<br>A file explorer will then open, where you can select the desired storage location.
@@ -169,7 +169,7 @@
</div>
<div class="step" id="createDoc">
<div class="step_hp" id="createDoc">
<h2 id="hp_createDoc_h2">Create document type</h2>
<p id="hp_createDoc_p">
- Open the burger menu at the top left and select <strong>“Manage document types”</strong>.<br>- Then select the option <strong>“-- Create new document type --”</strong> from the dropdown menu.<br>- Enter a descriptive name for the new document type.<br>- Carefully formulate the prompt for the AI-based processing.<br>- Click <strong>Save document type</strong>.<br><br><strong>Note:</strong><br>The entered prompt is transmitted unchanged to an AI service. Therefore, make sure to comply with applicable data protection regulations and do not enter any sensitive or personal data.
@@ -177,7 +177,7 @@
</p>
</div>
<div class="step" id="editDoc">
<div class="step_hp" id="editDoc">
<h2 id="hp_editDoc_h2">Edit document type</h2>
<p id="hp_editDoc_p">
- Open the burger menu at the top left and select <strong>“Manage document types”</strong>.<br>- Then select the document type to be edited from the dropdown menu.<br>- Revise the existing AI prompt or formulate a new prompt.<br>- Finally, click <strong>“Save document type”</strong>.<br><br><strong>Note:</strong><br>The entered prompt is transmitted unchanged to an AI service. Therefore, make sure to comply with applicable data protection regulations and do not enter any sensitive or personal data.
@@ -185,7 +185,7 @@
</p>
</div>
<div class="step" id="deleteDoc">
<div class="step_hp" id="deleteDoc">
<h2 id="hp_deleteDoc_h2">Delete document type</h2>
<p id="hp_deleteDoc_p">
- Open the burger menu at the top left and select <strong>“Manage document types”</strong>.<br>- Then select the document type to be deleted from the dropdown menu.<br>- Finally, click <strong>“Delete document type”</strong>.<br><br><strong>Note:</strong><br>After confirming the deletion process, the document type cannot be restored.
electron/main/style.css
+7 -7
View File
@@ -334,7 +334,7 @@ input[type="file"] {
border-style: solid;
border-radius: 6px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
padding-top: 50px;
padding-top: 70px;
}
.progressbar {
@@ -881,31 +881,31 @@ button:hover {
}
/* Inhalt */
h1 {
#help_page_h1 {
text-align: center;
color: #333;
}
.step {
.step_hp {
margin-bottom: 20px;
margin-top: 20px;
}
.step h2 {
.step_hp h2 {
color: #0056b3;
}
.step h3 {
.step_hp h3 {
color: #555;
margin-bottom: 5px;
}
.step p {
.step_hp p {
color: #555;
line-height: 1.6;
}
.step img {
.step_hp img {
width: 100%;
max-height: 350px;
object-fit: contain;