makaveli10
157 lines
6.2 KiB
HTML
157 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Audio Capture</title>
|
|
<script src="popup.js"></script>
|
|
<link rel="stylesheet" href="style.css" type="text/css">
|
|
</head>
|
|
<body>
|
|
<div class="header"><img src="./icon128.png"/> <h1>Audio Transcription</h1></div>
|
|
<div class="button-container">
|
|
<div class="button" id="startCapture">Start Capture</div>
|
|
<div class="button" id="stopCapture" disabled>Stop Capture</div>
|
|
</div>
|
|
<div class="checkbox-container">
|
|
<input type="checkbox" id="useServerCheckbox">
|
|
<label for="useServerCheckbox">Use Collabora Whisper-Live Server</label>
|
|
</div>
|
|
<div class="checkbox-container">
|
|
<input type="checkbox" id="useVadCheckbox">
|
|
<label for="useVadCheckbox">Use Voice Activity Detection</label>
|
|
</div>
|
|
<div class="checkbox-container">
|
|
<input type="checkbox" id="saveCaptionsCheckbox">
|
|
<label for="saveCaptions">Download SRT file at Stop Capture</label>
|
|
</div>
|
|
<div class="dropdown-container">
|
|
<label for="languageDropdown">Select Language:</label>
|
|
<select id="languageDropdown">
|
|
<option value="" selected>Automatically detect</option>
|
|
<option value="af">Afrikaans</option>
|
|
<option value="sq">Albanian</option>
|
|
<option value="am">Amharic</option>
|
|
<option value="ar">Arabic</option>
|
|
<option value="hy">Armenian</option>
|
|
<option value="as">Assamese</option>
|
|
<option value="az">Azerbaijani</option>
|
|
<option value="ba">Bashkir</option>
|
|
<option value="eu">Basque</option>
|
|
<option value="be">Belarusian</option>
|
|
<option value="bn">Bengali</option>
|
|
<option value="bs">Bosnian</option>
|
|
<option value="br">Breton</option>
|
|
<option value="bg">Bulgarian</option>
|
|
<option value="ca">Catalan</option>
|
|
<option value="zh">Chinese</option>
|
|
<option value="hr">Croatian</option>
|
|
<option value="cs">Czech</option>
|
|
<option value="da">Danish</option>
|
|
<option value="nl">Dutch</option>
|
|
<option value="en">English</option>
|
|
<option value="et">Estonian</option>
|
|
<option value="fo">Faroese</option>
|
|
<option value="fi">Finnish</option>
|
|
<option value="fr">French</option>
|
|
<option value="gl">Galician</option>
|
|
<option value="ka">Georgian</option>
|
|
<option value="de">German</option>
|
|
<option value="el">Greek</option>
|
|
<option value="gu">Gujarati</option>
|
|
<option value="ht">Haitian Creole</option>
|
|
<option value="ha">Hausa</option>
|
|
<option value="haw">Hawaiian</option>
|
|
<option value="he">Hebrew</option>
|
|
<option value="hi">Hindi</option>
|
|
<option value="hu">Hungarian</option>
|
|
<option value="is">Icelandic</option>
|
|
<option value="id">Indonesian</option>
|
|
<option value="it">Italian</option>
|
|
<option value="ja">Japanese</option>
|
|
<option value="jw">Javanese</option>
|
|
<option value="kn">Kannada</option>
|
|
<option value="kk">Kazakh</option>
|
|
<option value="km">Khmer</option>
|
|
<option value="ko">Korean</option>
|
|
<option value="lo">Lao</option>
|
|
<option value="la">Latin</option>
|
|
<option value="lv">Latvian</option>
|
|
<option value="ln">Lingala</option>
|
|
<option value="lt">Lithuanian</option>
|
|
<option value="lb">Luxembourgish</option>
|
|
<option value="mk">Macedonian</option>
|
|
<option value="mg">Malagasy</option>
|
|
<option value="ms">Malay</option>
|
|
<option value="ml">Malayalam</option>
|
|
<option value="mt">Maltese</option>
|
|
<option value="mi">Maori</option>
|
|
<option value="mr">Marathi</option>
|
|
<option value="mn">Mongolian</option>
|
|
<option value="my">Myanmar</option>
|
|
<option value="ne">Nepali</option>
|
|
<option value="no">Norwegian</option>
|
|
<option value="nn">Nynorsk</option>
|
|
<option value="oc">Occitan</option>
|
|
<option value="ps">Pashto</option>
|
|
<option value="fa">Persian</option>
|
|
<option value="pl">Polish</option>
|
|
<option value="pt">Portuguese</option>
|
|
<option value="pa">Punjabi</option>
|
|
<option value="ro">Romanian</option>
|
|
<option value="ru">Russian</option>
|
|
<option value="sa">Sanskrit</option>
|
|
<option value="sr">Serbian</option>
|
|
<option value="sn">Shona</option>
|
|
<option value="sd">Sindhi</option>
|
|
<option value="si">Sinhala</option>
|
|
<option value="sk">Slovak</option>
|
|
<option value="sl">Slovenian</option>
|
|
<option value="so">Somali</option>
|
|
<option value="es">Spanish</option>
|
|
<option value="su">Sundanese</option>
|
|
<option value="sw">Swahili</option>
|
|
<option value="sv">Swedish</option>
|
|
<option value="tl">Tagalog</option>
|
|
<option value="tg">Tajik</option>
|
|
<option value="ta">Tamil</option>
|
|
<option value="tt">Tatar</option>
|
|
<option value="te">Telugu</option>
|
|
<option value="th">Thai</option>
|
|
<option value="bo">Tibetan</option>
|
|
<option value="tr">Turkish</option>
|
|
<option value="tk">Turkmen</option>
|
|
<option value="uk">Ukrainian</option>
|
|
<option value="ur">Urdu</option>
|
|
<option value="uz">Uzbek</option>
|
|
<option value="vi">Vietnamese</option>
|
|
<option value="cy">Welsh</option>
|
|
<option value="yi">Yiddish</option>
|
|
<option value="yo">Yoruba</option>
|
|
</select>
|
|
</div>
|
|
<div class="dropdown-container">
|
|
<label for="taskDropdown">Select task:</label>
|
|
<select id="taskDropdown" >
|
|
<option value="">Select Task</option>
|
|
<option value="transcribe" selected>Transcribe</option>
|
|
<option value="translate">Translate</option>
|
|
</select>
|
|
</div>
|
|
<div class="dropdown-container">
|
|
<label for="modelSizeDropdown">Select Model Size:</label>
|
|
<select id="modelSizeDropdown">
|
|
<option value="">Select model</option>
|
|
<option value="tiny">Tiny </option>
|
|
<option value="tiny.en">Tiny (English-only)</option>
|
|
<option value="base">Base</option>
|
|
<option value="base.en">Base (English-only)</option>
|
|
<option value="small" selected>Small</option>
|
|
<option value="small.en">Small (English-only)</option>
|
|
<option value="medium">Medium</option>
|
|
<option value="medium.en">Medium (English-only)</option>
|
|
<option value="large-v2">Large-v2</option>
|
|
<option value="large-v3">Large-v3</option>
|
|
</select>
|
|
</div>
|
|
</body>
|
|
</html>
|