daveadmin
26f4e2231b
- Default language → nb (Bokmål); auto-detect demoted with warning note - Default model → large-v3; VAD filter on by default - Vocabulary prompt promoted to main form with 4 preset buttons (Barnerett/CPS, Rettssak/tingrett, Generell norsk, Egendefinert) - Multi-file upload queue: drop/select multiple clips, numbered list UI - Sequential queue processing with cumulative time_offset per clip - Backend shifts segment timestamps so SRT/VTT covers full court day - Merged transcript + segments across all clips for single download Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
134 lines
9.6 KiB
PHP
134 lines
9.6 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
$toolName = 'transcribe';
|
|
$toolTitle = 'Transcribe audio';
|
|
$toolKind = 'Audio Transcription';
|
|
$toolBadge = 'Whisper / GPU';
|
|
require_once __DIR__ . '/includes/layout.php';
|
|
?>
|
|
<form id="toolForm" class="tool-form">
|
|
|
|
<div class="control-row" id="engineControl">
|
|
<span class="control-label">Engine</span>
|
|
<label><input type="radio" name="engine" value="gpu" checked id="engineGpu"> GPU (cuttlefish RTX 3060)</label>
|
|
<label><input type="radio" name="engine" value="openai" id="engineOpenai"> OpenAI Whisper API</label>
|
|
<label><input type="radio" name="engine" value="azure" id="engineAzure"> Azure AI Speech (nb-NO)</label>
|
|
</div>
|
|
|
|
<div class="control-row is-hidden" id="openaiKeyControl">
|
|
<span class="control-label">API Key</span>
|
|
<input type="password" id="openaiKeyInput" name="openai_key" placeholder="sk-…" class="byok-input" autocomplete="off">
|
|
<small class="control-hint inline-hint">Used for this request only, never stored. Max 25 MB.</small>
|
|
</div>
|
|
|
|
<div class="control-row is-hidden" id="azureKeyControl">
|
|
<span class="control-label">API Key</span>
|
|
<input type="password" id="azureKeyInput" name="azure_key" placeholder="Azure Speech key" class="byok-input" autocomplete="off">
|
|
<span class="control-label" style="margin-left:1.25rem">Region</span>
|
|
<input type="text" id="azureRegionInput" name="azure_region" placeholder="norwayeast" class="byok-input byok-input--short" value="norwayeast">
|
|
</div>
|
|
|
|
<div class="control-row" id="modelControl">
|
|
<span class="control-label">Model</span>
|
|
<label><input type="radio" name="model" value="small"> Raskest <small class="control-hint">(small)</small></label>
|
|
<label><input type="radio" name="model" value="medium"> Balansert <small class="control-hint">(medium)</small></label>
|
|
<label><input type="radio" name="model" value="large-v3" checked> Beste kvalitet ★ <small class="control-hint">(large-v3)</small></label>
|
|
</div>
|
|
|
|
<div class="control-row" id="transcribeLangControl">
|
|
<span class="control-label">Språk</span>
|
|
<label><input type="radio" name="transcribeLang" value="no" checked> Norsk (nb)</label>
|
|
<label><input type="radio" name="transcribeLang" value="nn"> Nynorsk</label>
|
|
<label><input type="radio" name="transcribeLang" value="en"> English</label>
|
|
<label><input type="radio" name="transcribeLang" value="sv"> Svenska</label>
|
|
<label><input type="radio" name="transcribeLang" value="da"> Dansk</label>
|
|
<label><input type="radio" name="transcribeLang" value="de"> Deutsch</label>
|
|
<label><input type="radio" name="transcribeLang" value="fr"> Français</label>
|
|
<label><input type="radio" name="transcribeLang" value="auto"> Auto-detect <small class="control-hint">(kan forveksle nb/da/sv)</small></label>
|
|
</div>
|
|
|
|
<div class="control-row" id="diarizeControl">
|
|
<span class="control-label">Talere</span>
|
|
<label><input type="checkbox" id="diarizeCheck" name="diarize"> Skill ut talere</label>
|
|
<span class="control-label" style="margin-left:1.25rem">Antall</span>
|
|
<input type="number" id="numSpeakersInput" name="num_speakers" min="2" max="20" placeholder="auto" class="num-speakers-input" aria-label="Forventet antall talere">
|
|
</div>
|
|
|
|
<div class="expert-field" id="vocabControl">
|
|
<div class="vocab-presets" id="vocabPresets">
|
|
<span class="control-label">Ordliste</span>
|
|
<button type="button" class="vocab-btn" data-preset="barnerett">Barnerett / CPS</button>
|
|
<button type="button" class="vocab-btn" data-preset="rettssak">Rettssak / tingrett</button>
|
|
<button type="button" class="vocab-btn" data-preset="generell">Generell norsk</button>
|
|
<button type="button" class="vocab-btn" data-preset="custom">Egendefinert</button>
|
|
</div>
|
|
<textarea id="initPromptInput" name="initial_prompt" rows="2" placeholder="Fagord og navn Whisper skal gjenkjenne, f.eks. Barnevernet, Fylkesnemnda, advokat, tingrett…" class="prompt-textarea"></textarea>
|
|
<p class="upload-hint">Hjelper Whisper gjenkjenne fagtermer. Ikke inkludert i utskriften.</p>
|
|
</div>
|
|
|
|
<div class="upload-zone" id="audioZone" role="region" aria-label="Audio upload">
|
|
<input type="file" id="audioInput" accept="audio/*,video/mp4,video/webm" multiple aria-label="Choose audio files">
|
|
<div id="audioPrompt" class="upload-prompt">
|
|
<span class="upload-icon" aria-hidden="true">▶</span>
|
|
<p>Slipp lydfil(er) her, eller <label for="audioInput" class="upload-browse">bla</label></p>
|
|
<p class="upload-hint"><strong>MP3</strong>, <strong>WAV</strong>, <strong>OGG</strong>, <strong>M4A</strong>, <strong>FLAC</strong>, <strong>WEBM</strong> — maks 200 MB per fil</p>
|
|
</div>
|
|
<div id="audioFileInfo" class="upload-file is-hidden">
|
|
<ol id="audioQueueList" class="audio-queue-list"></ol>
|
|
<div class="audio-queue-actions">
|
|
<label for="audioInput" class="upload-browse">+ Legg til filer</label>
|
|
<button type="button" id="audioClear" class="upload-clear" aria-label="Tøm kø">× Tøm kø</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<details class="expert-settings" id="expertSettings">
|
|
<summary class="expert-summary">Ekspertinnstillinger</summary>
|
|
<div class="expert-body">
|
|
<div class="control-row">
|
|
<span class="control-label">Oppgave</span>
|
|
<label><input type="radio" name="task" value="transcribe" checked> Transkriber</label>
|
|
<label><input type="radio" name="task" value="translate"> Oversett til engelsk</label>
|
|
</div>
|
|
<div class="control-row">
|
|
<span class="control-label">Beam size</span>
|
|
<label><input type="radio" name="beam_size" value="1"> 1 <small class="control-hint">(raskest)</small></label>
|
|
<label><input type="radio" name="beam_size" value="3"> 3</label>
|
|
<label><input type="radio" name="beam_size" value="5" checked> 5 <small class="control-hint">(best)</small></label>
|
|
</div>
|
|
<div class="control-row">
|
|
<span class="control-label">VAD-filter</span>
|
|
<label><input type="checkbox" name="vad_filter" id="vadFilterCheck" value="1" checked> Fjern stillhet</label>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<!-- Hidden stubs so tools.js refs don't crash on this page -->
|
|
<div class="is-hidden" id="languageControl" aria-hidden="true"><input type="radio" name="language" value="en" checked></div>
|
|
<div class="is-hidden" id="redactionControl" aria-hidden="true"></div>
|
|
<div class="is-hidden" id="uploadZone" aria-hidden="true">
|
|
<input type="file" id="uploadInput" style="display:none">
|
|
<div id="uploadPrompt"></div>
|
|
<div id="uploadFileInfo"><ul id="uploadFileList"></ul><button type="button" id="uploadClear"></button></div>
|
|
</div>
|
|
<div class="is-hidden" id="aliasSection" aria-hidden="true">
|
|
<button type="button" id="addAliasRow"></button>
|
|
<div id="aliasRows"></div>
|
|
</div>
|
|
<label class="is-hidden" id="inputLabel" for="toolInput"></label>
|
|
<textarea id="toolInput" name="toolInput" rows="1" class="is-hidden" aria-hidden="true"></textarea>
|
|
|
|
<div class="form-footer">
|
|
<p id="toolStatus" class="form-status" role="status" aria-live="polite"></p>
|
|
<button id="runButton" type="submit">Kjør</button>
|
|
</div>
|
|
</form>
|
|
|
|
<section id="results" class="results" aria-live="polite">
|
|
<div class="empty-state">
|
|
<h3>Klar</h3>
|
|
<p>Velg et verktøy, kjør en forespørsel, og svaret vises her.</p>
|
|
</div>
|
|
</section>
|
|
<?php require_once __DIR__ . '/includes/layout_footer.php'; ?>
|