mirror of
https://gitlab.rlp.net/proj-wise2526-video2document/video2document.git
synced 2026-06-15 18:01:52 +02:00
Verena Schulz
84 lines
2.8 KiB
HTML
84 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title id="title">Video to document</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="step-nav">
|
|
<div class="step-item active" data-step="1">1. Step</div>
|
|
<div class="step-item" data-step="2">2. Step</div>
|
|
<div class="step-item" data-step="3">3. Step</div>
|
|
<div class="step-item" data-step="4">4. Step</div>
|
|
</div>
|
|
|
|
<div class="mitte" id="mitte">
|
|
<h1 id="h1">Video to document</h1>
|
|
<div class="step" id="step1">
|
|
<div class="labelDiv" id="labelDiv">
|
|
<label id="labelKI">Select ki:</label>
|
|
<label id="labelTranscription">Select transcription:</label>
|
|
<label id="labelType">Select type:</label>
|
|
<label id="labelLanguage">Select language:</label>
|
|
<img id="labelLanguageFlag" src="flags/united-kingdom-flag-png-large.jpg" width="20" height="10" >
|
|
</div>
|
|
<div class="dropdownMenus" id="dropdownMenus">
|
|
<select name="ai_type" id="ai_type">
|
|
</select>
|
|
<select name="transkript_type" id="transkript_type">
|
|
</select>
|
|
<select name="output_type" id="output_type">
|
|
<option value="mp4">mp4</option>
|
|
</select>
|
|
<select name="language_option" id="language_option">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step" id="step3" style="display:none;">
|
|
<div class="upload-container" id="uploadContainer">
|
|
<p id="p1">Drag and drop video file</p>
|
|
<video id="previewThumbnail" autoplay="false">
|
|
</video>
|
|
<div class="file-name" id="fileName">No video chosen</div>
|
|
<div id="thumbnailContainer">
|
|
<img id="thumbnailImage" style="display:none;">
|
|
</div>
|
|
<button class="custom-btn" id="manualUploadBtn">Search video</button>
|
|
<input type="file" id="videoUpload" accept="video/*">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step" id="step2" style="display:none;">
|
|
<div class="checkbox-group">
|
|
<label id="checkbox_group" for="checkbox-group">Choose prefered document style:</label>
|
|
<div class="checkbox-container">
|
|
<input type="checkbox" name ="docFormat" id="docFormat" value="Meeting report">
|
|
<label id="label_format" for="docFormat">Meeting report</label>
|
|
</div>
|
|
|
|
<div class="checkbox-container">
|
|
<input type="checkbox" name="docFormat" id="docFormatSummary" value="Summary with timestamps">
|
|
<label id="label_summary" for="docFormatSummary">Summary with timestamps</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step" id="step4" style="display:none;">
|
|
<button class="submit-btn" id="submitButton" onclick="checkBoxes()" disabled>Submit</button>
|
|
|
|
<div class="progressbar" id="progressbar">
|
|
<div class="progress_fill"></div>
|
|
<span class="progress_text">0%</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="languages.js"></script>
|
|
<script src="script.js"></script>
|
|
<script src="./renderer.js"></script>
|
|
</body>
|
|
</html> |