Spaces:
Building
Building
| <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> | |