Spaces:
Building
Building
File size: 2,041 Bytes
af71291 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Audio Transcription and Similarity Checker</title>
<link rel="stylesheet" href="/static/style.css">
</head>
<body>
<div class="container">
<h1>Audio Transcription and Similarity Checker</h1>
<!-- Audio upload/record panel -->
<div class="audio-panel">
<div class="audio-upload">
<h2>Upload or Record Original Audio</h2>
<input type="file" id="originalAudio" accept="audio/*">
<audio id="originalAudioPlayer" controls></audio>
<br>
<button id="recordOriginalAudio" onclick="startRecording('original')">Start Recording</button>
<button id="stopOriginalAudio" onclick="stopRecording('original')" disabled>Stop Recording</button>
</div>
<div class="audio-upload">
<h2>Upload or Record User Audio</h2>
<input type="file" id="userAudio" accept="audio/*">
<audio id="userAudioPlayer" controls></audio>
<br>
<button id="recordUserAudio" onclick="startRecording('user')">Start Recording</button>
<button id="stopUserAudio" onclick="stopRecording('user')" disabled>Stop Recording</button>
</div>
</div>
<!-- Button to perform similarity check -->
<button id="performTesting">Perform Testing</button>
<!-- Loader while processing -->
<div id="loader" style="display: none;">
<p>Processing... Please wait</p>
</div>
<!-- Results section -->
<div id="results" class="results" style="display: none;">
<h3>Results</h3>
<p id="transcriptionOriginal"></p>
<p id="transcriptionUser"></p>
<p id="similarityScore"></p>
</div>
</div>
<script src="/static/script.js"></script>
</body>
</html>
|