628 lines
39 KiB
HTML
628 lines
39 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>veskslop debug</title>
|
|
<link rel="icon" href="data:," />
|
|
<link rel="stylesheet" href="nocturne.css" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<link rel="stylesheet" href="media.css" />
|
|
</head>
|
|
<body>
|
|
<div class="vk-app">
|
|
<header class="vk-header">
|
|
<span class="vk-brand">
|
|
<span class="vk-brand-name">veskslop</span>
|
|
<span class="vk-brand-version">debug</span>
|
|
</span>
|
|
|
|
<div class="vk-scope">
|
|
<button id="scope-guild" class="vk-scope-btn active" type="button">Guild</button>
|
|
<button id="scope-dm" class="vk-scope-btn" type="button">DM</button>
|
|
<button id="scope-media" class="vk-scope-btn" type="button">Media</button>
|
|
<button id="scope-bot" class="vk-scope-btn" type="button">Bot</button>
|
|
</div>
|
|
|
|
<div class="vk-guild-picker">
|
|
<button id="guild-picker" class="btn btn-secondary vk-guild-button" type="button">
|
|
<span id="guild-picker-label">Direct messages</span>
|
|
<span class="vk-icon" data-icon="caretDown"></span>
|
|
</button>
|
|
<div id="guild-menu" class="vk-menu" hidden></div>
|
|
</div>
|
|
|
|
<div class="vk-health">
|
|
<span class="vk-health-item">
|
|
<span id="health-dot" class="vk-dot"></span>
|
|
<span id="health-bridge" class="vk-mono">bridge …</span>
|
|
</span>
|
|
<span id="health-uptime" class="vk-mono vk-dim">up …</span>
|
|
<span id="health-events" class="vk-mono vk-dim">0.0 ev/s</span>
|
|
</div>
|
|
|
|
<div class="vk-header-right">
|
|
<button id="core-start-banner" class="btn btn-primary vk-small-btn vk-start-server" type="button" hidden>
|
|
Start server
|
|
</button>
|
|
<button
|
|
id="client-audio"
|
|
class="btn btn-secondary vk-small-btn vk-client-audio"
|
|
type="button"
|
|
title="Play the call in this browser"
|
|
>
|
|
<span class="vk-icon" data-icon="speaker"></span>
|
|
<span class="vk-btn-text">Client audio</span>
|
|
</button>
|
|
<label class="vk-takeover" title="Read-only unless takeover is on">
|
|
<input type="checkbox" id="takeover" />
|
|
<span class="vk-switch"><span class="vk-knob"></span></span>
|
|
<span class="vk-takeover-label" id="takeover-label">Takeover</span>
|
|
</label>
|
|
<button id="settings-open" class="btn btn-secondary vk-settings" type="button">
|
|
<span class="vk-icon" data-icon="gear"></span>
|
|
<span class="vk-btn-text">Settings</span>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="call-strip" class="vk-call-strip" hidden></div>
|
|
|
|
<div class="vk-body">
|
|
<aside class="vk-rail">
|
|
<div id="guild-switcher" class="vk-guild-switcher"></div>
|
|
|
|
<div id="rail-guild" class="vk-rail-scope">
|
|
<div class="vk-rail-section">
|
|
<div class="vk-rail-label">Text</div>
|
|
<div id="text-channels" class="vk-rail-list"></div>
|
|
</div>
|
|
|
|
<div class="vk-rail-section">
|
|
<div class="vk-rail-label">Voice</div>
|
|
<div id="voice-channels" class="vk-rail-list"></div>
|
|
</div>
|
|
|
|
<div class="vk-rail-section">
|
|
<div class="vk-rail-label">People</div>
|
|
<div id="people-list" class="vk-rail-list"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="rail-dm" class="vk-rail-scope" hidden>
|
|
<div class="vk-rail-section">
|
|
<div class="vk-rail-label">Direct messages</div>
|
|
<div id="dm-rail-list" class="vk-rail-list"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="agent-identity" class="vk-rail-footer"></div>
|
|
</aside>
|
|
|
|
<main class="vk-center">
|
|
<div class="vk-channel-header">
|
|
<span id="channel-icon" class="vk-icon vk-dim"></span>
|
|
<span id="channel-title" class="vk-channel-title">No channel selected</span>
|
|
<span id="channel-context" class="vk-mono vk-dim"></span>
|
|
<div class="vk-channel-actions">
|
|
<button
|
|
id="channel-refresh"
|
|
class="btn btn-secondary vk-icon-btn"
|
|
type="button"
|
|
title="Reload the latest 50 messages"
|
|
>
|
|
<span class="vk-icon" data-icon="refresh"></span>
|
|
</button>
|
|
<button id="raw-events" class="btn btn-secondary vk-small-btn" type="button">Raw events</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="message-scroll" class="vk-message-scroll">
|
|
<div id="message-list" class="vk-message-list"></div>
|
|
</div>
|
|
|
|
<div class="vk-composer-wrap">
|
|
<div id="tts-panel" class="vk-tts" hidden>
|
|
<div class="vk-tts-title">
|
|
<span class="vk-icon" data-icon="wave"></span>
|
|
<span class="vk-tts-heading">Text to speech</span>
|
|
<span id="tts-target" class="vk-mono vk-tts-sub">not implemented</span>
|
|
<button id="tts-close" class="btn btn-ghost vk-icon-btn" type="button" aria-label="Close">
|
|
<span class="vk-icon" data-icon="x"></span>
|
|
</button>
|
|
</div>
|
|
<div class="vk-tts-settings">
|
|
<span class="vk-micro-label">Voice settings</span>
|
|
<select id="tts-provider" class="vk-select"></select>
|
|
<select id="tts-voice" class="vk-select" title="Voice"></select>
|
|
<button id="tts-duck" class="vk-chip vk-chip-on" type="button" title="Lower the TTS while someone else speaks">
|
|
duck on voice
|
|
</button>
|
|
<span class="vk-chip vk-chip-on">queue lines</span>
|
|
<div class="vk-tts-speed">
|
|
<label class="vk-tts-slider" title="Speech rate; 1.0x is the engine's natural rate">
|
|
<span class="vk-micro-label">speed</span>
|
|
<input id="tts-speed" type="range" min="0.5" max="2" step="0.05" value="1" />
|
|
<span id="tts-speed-value" class="vk-mono vk-dim">1.0x</span>
|
|
</label>
|
|
<div id="tts-speed-presets" class="vk-tts-presets">
|
|
<button class="vk-chip vk-chip-off" type="button" data-speed="0.5">0.5x</button>
|
|
<button class="vk-chip vk-chip-off" type="button" data-speed="0.75">0.75x</button>
|
|
<button class="vk-chip vk-chip-on" type="button" data-speed="1">1x</button>
|
|
<button class="vk-chip vk-chip-off" type="button" data-speed="1.25">1.25x</button>
|
|
<button class="vk-chip vk-chip-off" type="button" data-speed="1.5">1.5x</button>
|
|
</div>
|
|
</div>
|
|
<label id="tts-pitch-control" class="vk-tts-slider" title="Pitch offset; 0 is the engine's natural pitch">
|
|
<span class="vk-micro-label">pitch</span>
|
|
<input id="tts-pitch" type="range" min="-12" max="12" step="1" value="0" />
|
|
<span id="tts-pitch-value" class="vk-mono vk-dim">0 st</span>
|
|
</label>
|
|
<button id="profile-open" class="vk-chip vk-chip-off" type="button" title="Flextalk voice profile">
|
|
voice profile…
|
|
</button>
|
|
</div>
|
|
<div class="vk-tts-body">
|
|
<textarea id="tts-input" class="vk-tts-field" rows="3" placeholder="Speak text into the call…"></textarea>
|
|
<div class="vk-tts-meta">
|
|
<span class="vk-mono vk-dim" id="tts-status">idle</span>
|
|
<button id="tts-stop" class="btn btn-secondary vk-small-btn" type="button">Stop</button>
|
|
<button id="tts-speak" class="btn btn-primary vk-small-btn" type="button">Speak</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="composer" class="vk-composer">
|
|
<span id="composer-state-icon" class="vk-icon vk-dim"></span>
|
|
<span id="composer-copy" class="vk-composer-copy"></span>
|
|
<button id="tts-toggle" class="btn btn-secondary vk-icon-btn vk-tts-toggle" type="button" title="Text to speech">
|
|
<span class="vk-icon" data-icon="wave"></span>
|
|
</button>
|
|
<button id="send" class="btn btn-primary vk-send" type="button" disabled>Send</button>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<aside class="vk-right">
|
|
<div class="vk-right-scroll">
|
|
<section class="vk-right-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">In voice</span>
|
|
<span id="voice-count" class="vk-mono vk-dim"></span>
|
|
</div>
|
|
<div id="right-voice" class="vk-right-list"></div>
|
|
</section>
|
|
|
|
<section class="vk-right-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Favourites</span>
|
|
</div>
|
|
<div id="right-favourites" class="vk-right-list"></div>
|
|
</section>
|
|
|
|
<section class="vk-right-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Open DMs & groups</span>
|
|
<span id="dm-count" class="vk-mono vk-dim"></span>
|
|
</div>
|
|
<div id="right-dms" class="vk-right-list"></div>
|
|
</section>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|
|
<section class="vk-console">
|
|
<div class="vk-console-bar">
|
|
<button id="console-toggle" class="vk-console-button" type="button">
|
|
<span id="console-caret" class="vk-icon" data-icon="caretUp"></span>
|
|
Agent console
|
|
</button>
|
|
<div class="vk-console-tabs">
|
|
<button class="vk-console-tab" data-console-tab="tools" type="button">Tool calls</button>
|
|
<button class="vk-console-tab" data-console-tab="events" type="button">Events</button>
|
|
<button class="vk-console-tab" data-console-tab="transcript" type="button">Transcript</button>
|
|
</div>
|
|
<div class="vk-ticker"><span id="ticker-line">waiting for events</span></div>
|
|
<div class="vk-console-status vk-mono">
|
|
<span id="console-count">0 events</span>
|
|
<span class="vk-health-item"><span id="mcp-dot" class="vk-dot"></span><span id="mcp-state">bridge …</span></span>
|
|
</div>
|
|
</div>
|
|
<div id="console-drawer" class="vk-console-drawer" hidden>
|
|
<div id="console-panel-tools" class="vk-console-panel">
|
|
<div class="vk-roadmap">
|
|
<span class="tag tag-outline">roadmap</span>
|
|
<p>MCP tool-call tracing is not implemented yet. Agent tool calls will appear here once the LLM attachment lands.</p>
|
|
</div>
|
|
</div>
|
|
<div id="console-panel-events" class="vk-console-panel">
|
|
<div id="event-log" class="vk-event-log"></div>
|
|
</div>
|
|
<div id="console-panel-transcript" class="vk-console-panel">
|
|
<div class="vk-transcript">
|
|
<div class="vk-transcript-toolbar">
|
|
<span id="transcript-status" class="vk-mono vk-dim">no capture session</span>
|
|
<button id="transcript-start" class="btn btn-secondary vk-small-btn" type="button">Start</button>
|
|
<button id="transcript-stop" class="btn btn-secondary vk-small-btn" type="button">Stop</button>
|
|
<button id="transcript-refresh" class="btn btn-secondary vk-small-btn" type="button">Refresh</button>
|
|
</div>
|
|
<div id="transcript-list" class="vk-transcript-list"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<nav id="mobile-tabs" class="vk-tabbar" aria-label="Sections">
|
|
<button class="vk-tab" data-mobile-tab="users" type="button">
|
|
<span class="vk-icon" data-icon="users"></span>
|
|
<span>Users</span>
|
|
</button>
|
|
<button class="vk-tab" data-mobile-tab="chat" type="button">
|
|
<span class="vk-icon" data-icon="hash"></span>
|
|
<span>Chat</span>
|
|
<span id="mobile-chat-badge" class="vk-rail-badge unread" hidden></span>
|
|
</button>
|
|
<button class="vk-tab" data-mobile-tab="call" type="button">
|
|
<span class="vk-icon" data-icon="volume"></span>
|
|
<span>Call</span>
|
|
</button>
|
|
<button class="vk-tab" data-mobile-tab="activity" type="button">
|
|
<span class="vk-icon" data-icon="activity"></span>
|
|
<span>Activity</span>
|
|
</button>
|
|
</nav>
|
|
</div>
|
|
|
|
<div id="settings-overlay" class="vk-overlay" hidden>
|
|
<div class="vk-settings-panel elev-lg" role="dialog" aria-label="Settings">
|
|
<div class="vk-settings-head">
|
|
<span class="vk-settings-title">Settings</span>
|
|
<button id="settings-close" class="btn btn-ghost vk-icon-btn" type="button" aria-label="Close">
|
|
<span class="vk-icon" data-icon="x"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="vk-settings-body">
|
|
<section class="vk-settings-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Visible guilds</span>
|
|
<span class="vk-settings-actions">
|
|
<button id="guilds-save" class="btn btn-primary vk-small-btn" type="button" disabled>Save</button>
|
|
<button id="guilds-hide-all" class="btn btn-secondary vk-small-btn" type="button">Hide all</button>
|
|
<button id="guilds-show-all" class="btn btn-secondary vk-small-btn" type="button">Show all</button>
|
|
</span>
|
|
</div>
|
|
<div id="guild-visibility" class="vk-settings-card"></div>
|
|
</section>
|
|
|
|
<details class="vk-settings-group" open>
|
|
<summary class="vk-settings-summary">
|
|
<span class="vk-icon vk-caret" data-icon="caretDown"></span>
|
|
<span>Bot</span>
|
|
</summary>
|
|
|
|
<div class="vk-settings-group-body">
|
|
<section class="vk-settings-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Media storage</span>
|
|
<span class="vk-settings-actions">
|
|
<button id="media-save" class="btn btn-primary vk-small-btn" type="button" disabled>Save</button>
|
|
<button id="media-clean" class="btn btn-secondary vk-small-btn" type="button">Clean media…</button>
|
|
</span>
|
|
</div>
|
|
<div class="vk-settings-card">
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">Slopbot</span>
|
|
<span class="vk-status-value" id="media-slopbot">checking…</span>
|
|
</div>
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">
|
|
Limit (GiB)
|
|
<span
|
|
class="vk-info"
|
|
title="Combined size of the scrape databases, downloads, and previews. Below the warn threshold scrapes run freely. At the threshold a new scrape asks for a re-run. Up to 5% over the limit nothing is deleted; past that the oldest marked scrapes are removed."
|
|
>i</span
|
|
>
|
|
</span>
|
|
<span class="vk-status-value">
|
|
<input id="media-limit" class="vk-media-input" type="number" min="0.25" step="0.25" />
|
|
</span>
|
|
</div>
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">Used</span>
|
|
<span class="vk-status-value" id="media-used">—</span>
|
|
</div>
|
|
<div id="media-usage-bar" class="vk-media-usage"></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</details>
|
|
|
|
<details class="vk-settings-group" open>
|
|
<summary class="vk-settings-summary">
|
|
<span class="vk-icon vk-caret" data-icon="caretDown"></span>
|
|
<span>Client</span>
|
|
</summary>
|
|
|
|
<div class="vk-settings-group-body">
|
|
<section class="vk-settings-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Bot audio</span>
|
|
<span class="vk-settings-actions">
|
|
<button id="audio-connect" class="btn btn-primary vk-small-btn" type="button">Connect devices</button>
|
|
<button id="audio-refresh" class="btn btn-secondary vk-small-btn" type="button">Refresh</button>
|
|
<button id="audio-capture" class="btn btn-secondary vk-small-btn" type="button">Start capture</button>
|
|
</span>
|
|
</div>
|
|
<div class="vk-settings-card">
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">Audio engine</span>
|
|
<span class="vk-status-value" id="audio-status">checking…</span>
|
|
</div>
|
|
<div class="vk-status-row" id="audio-hint-row" hidden>
|
|
<span class="vk-status-label">Fix</span>
|
|
<span class="vk-status-value vk-dim" id="audio-hint"></span>
|
|
</div>
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">TTS</span>
|
|
<span class="vk-status-value" id="audio-tts">—</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="vk-settings-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Speech</span>
|
|
<span class="vk-mono vk-dim" id="speech-status"></span>
|
|
</div>
|
|
<div class="vk-settings-card">
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">TTS engine</span>
|
|
<span class="vk-engine-row">
|
|
<select class="vk-select" id="speech-provider"></select>
|
|
<button id="speech-warm" class="btn btn-secondary vk-small-btn" type="button" title="Start the engine so the first line is fast">
|
|
Start engine
|
|
</button>
|
|
</span>
|
|
</div>
|
|
<div class="vk-status-row" id="speech-language-row">
|
|
<span class="vk-status-label">Language</span>
|
|
<select class="vk-select" id="speech-language">
|
|
<option value="">Auto</option>
|
|
</select>
|
|
</div>
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">Voice</span>
|
|
<select class="vk-select" id="speech-voice">
|
|
<option value="">Default</option>
|
|
</select>
|
|
</div>
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">STT</span>
|
|
<span class="vk-status-value vk-dim" id="speech-stt">—</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="vk-settings-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Display</span>
|
|
<span class="vk-mono vk-dim" id="timezone-status"></span>
|
|
</div>
|
|
<div class="vk-settings-card">
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">Timezone</span>
|
|
<select class="vk-select" id="timezone-select"></select>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="vk-settings-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Browser audio</span>
|
|
<span class="vk-settings-actions">
|
|
<button id="browser-grant" class="btn btn-primary vk-small-btn" type="button">Enable browser audio</button>
|
|
</span>
|
|
</div>
|
|
<div class="vk-settings-card">
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">Output device</span>
|
|
<select class="vk-select" id="browser-output">
|
|
<option value="">Browser default</option>
|
|
</select>
|
|
</div>
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">Input device</span>
|
|
<select class="vk-select" id="browser-input" disabled>
|
|
<option value="">Mic puppeting not implemented</option>
|
|
</select>
|
|
</div>
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">Call audio</span>
|
|
<span class="vk-status-value vk-dim" id="browser-audio-status">off</span>
|
|
</div>
|
|
<div class="vk-status-row">
|
|
<span class="vk-status-label">Note</span>
|
|
<span class="vk-status-value vk-dim" id="browser-hint">Browser audio needs HTTPS or localhost.</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</details>
|
|
|
|
<details class="vk-settings-group" open>
|
|
<summary class="vk-settings-summary">
|
|
<span class="vk-icon vk-caret" data-icon="caretDown"></span>
|
|
<span>Server</span>
|
|
</summary>
|
|
|
|
<div class="vk-settings-group-body">
|
|
<section class="vk-settings-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Core process</span>
|
|
<span class="vk-settings-actions">
|
|
<button id="core-start" class="btn btn-primary vk-small-btn" type="button">Start</button>
|
|
<button id="core-stop" class="btn btn-secondary vk-small-btn" type="button">Stop</button>
|
|
<button id="core-restart" class="btn btn-secondary vk-small-btn" type="button">Restart client</button>
|
|
<button id="daemon-restart" class="btn btn-secondary vk-small-btn" type="button">Restart daemon</button>
|
|
</span>
|
|
</div>
|
|
<div id="core-status" class="vk-settings-card"></div>
|
|
</section>
|
|
|
|
<section class="vk-settings-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Account login</span>
|
|
<span class="vk-settings-actions">
|
|
<button id="auth-start" class="btn btn-primary vk-small-btn" type="button">Start QR login</button>
|
|
<button id="auth-cancel" class="btn btn-secondary vk-small-btn" type="button">Cancel</button>
|
|
<button id="auth-restart" class="btn btn-secondary vk-small-btn" type="button">Restart with token</button>
|
|
</span>
|
|
</div>
|
|
<div id="auth-status" class="vk-settings-card"></div>
|
|
<div id="auth-qr" class="vk-qr" hidden></div>
|
|
<form id="auth-captcha" class="vk-settings-row" hidden>
|
|
<input id="auth-captcha-key" class="input" placeholder="hCaptcha response token" />
|
|
<button class="btn btn-secondary vk-small-btn" type="submit">Submit captcha</button>
|
|
</form>
|
|
</section>
|
|
|
|
<section class="vk-settings-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Action log</span>
|
|
<button id="logs-refresh" class="btn btn-secondary vk-small-btn" type="button">Refresh</button>
|
|
</div>
|
|
<div id="action-log" class="vk-log"></div>
|
|
</section>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="profile-overlay" class="vk-overlay" hidden>
|
|
<div class="vk-profile-panel elev-lg" role="dialog" aria-label="Flextalk voice profile">
|
|
<div class="vk-settings-head" id="profile-drag">
|
|
<span class="vk-settings-title">Flextalk voice profile</span>
|
|
<span class="vk-mono vk-dim" id="profile-voice-label"></span>
|
|
<button id="profile-close" class="btn btn-ghost vk-icon-btn" type="button" aria-label="Close">
|
|
<span class="vk-icon" data-icon="x"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="vk-profile-body">
|
|
<section class="vk-profile-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Voice character</span>
|
|
<span class="vk-mono vk-dim">within 2 of the engine default snaps to default</span>
|
|
</div>
|
|
<div id="tts-profile-sliders" class="vk-profile-grid"></div>
|
|
<div class="vk-profile-row">
|
|
<span class="vk-micro-label">expression</span>
|
|
<input id="tts-expression" type="range" min="0" max="100" step="1" value="59" />
|
|
<span id="tts-expression-value" class="vk-mono vk-dim">default</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="vk-profile-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Presets</span>
|
|
</div>
|
|
<div class="vk-profile-row">
|
|
<select id="tts-profile-slot" class="vk-select"></select>
|
|
<input id="tts-profile-name" class="input" placeholder="Profile name" maxlength="40" />
|
|
<button id="tts-profile-load" class="btn btn-secondary vk-small-btn" type="button">Load</button>
|
|
<button id="tts-profile-save" class="btn btn-primary vk-small-btn" type="button">Save</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="vk-profile-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Radio kit</span>
|
|
<span class="vk-mono vk-dim">VOX / HEV</span>
|
|
</div>
|
|
<div class="vk-profile-row">
|
|
<span class="vk-micro-label">highpass</span>
|
|
<input id="tts-highpass" type="range" min="40" max="400" step="10" value="40" />
|
|
<span id="tts-highpass-value" class="vk-mono vk-dim">40Hz</span>
|
|
</div>
|
|
<div class="vk-profile-row">
|
|
<span class="vk-micro-label">echo</span>
|
|
<input id="tts-echo" type="range" min="0" max="100" step="5" value="0" />
|
|
<span id="tts-echo-value" class="vk-mono vk-dim">off</span>
|
|
<input id="tts-echo-delay" class="input vk-num" type="number" min="10" max="400" placeholder="ms" />
|
|
<input id="tts-echo-level" class="input vk-num" type="number" min="0" max="0.95" step="0.05" placeholder="lvl" />
|
|
</div>
|
|
<div class="vk-profile-row">
|
|
<span class="vk-micro-label">crunch</span>
|
|
<select id="tts-crunch" class="input">
|
|
<option value="">off</option>
|
|
<option value="hl90">HL90 · 8-bit 11 kHz</option>
|
|
<option value="hl90hq">HL90 HQ · 8-bit 22 kHz</option>
|
|
<option value="telephone">telephone · 8 kHz</option>
|
|
<option value="adpcm">ADPCM · 4-bit</option>
|
|
<option value="crush">crush · custom</option>
|
|
</select>
|
|
<input id="tts-crunch-bits" class="input vk-num" type="number" min="1" max="16" placeholder="bits" />
|
|
<input id="tts-crunch-rate" class="input vk-num" type="number" min="4000" max="48000" step="250" placeholder="Hz" />
|
|
</div>
|
|
<div class="vk-profile-row">
|
|
<label class="vk-tts-check"><input id="tts-words" type="checkbox" /> word mode</label>
|
|
<input id="tts-word-gap" type="range" min="0" max="500" step="10" value="120" />
|
|
<span id="tts-word-gap-value" class="vk-mono vk-dim">120ms</span>
|
|
</div>
|
|
<div class="vk-profile-row">
|
|
<span class="vk-micro-label">preset</span>
|
|
<select id="tts-preset" class="input">
|
|
<option value="">factory</option>
|
|
<option value="vox">VOX (Black Mesa)</option>
|
|
<option value="hev">HEV suit</option>
|
|
</select>
|
|
<span class="vk-mono vk-dim">Keith Bell</span>
|
|
</div>
|
|
<div class="vk-profile-row">
|
|
<label class="vk-tts-check">
|
|
<input id="tts-vox" type="checkbox" /> VOX prosody
|
|
<span
|
|
class="vk-info"
|
|
title="NetTTS-style Black Mesa delivery for the Flextalk voices: sentence breaks, lead-ins, weighted pauses, and vendor tags. Needs python3. Overrides word mode."
|
|
>i</span
|
|
>
|
|
</label>
|
|
<label class="vk-tts-check">
|
|
<input id="tts-vox-clean" type="checkbox" /> clean (no stutter)
|
|
</label>
|
|
<label class="vk-tts-check" title="Write the WAV as words are synthesized so playback starts on the first word. Skips the loudness measurement; set a fixed gain below if needed.">
|
|
<input id="tts-stream-words" type="checkbox" /> stream word mode
|
|
</label>
|
|
</div>
|
|
</section>
|
|
<section class="vk-profile-section">
|
|
<div class="vk-section-head">
|
|
<span class="vk-rail-label vk-rail-label-flat">Test lines</span>
|
|
</div>
|
|
<div class="vk-profile-tests">
|
|
<button class="vk-chip vk-chip-off" data-test="Attention" type="button">Attention</button>
|
|
<button class="vk-chip vk-chip-off" data-test="Laboratory" type="button">Laboratory</button>
|
|
<button class="vk-chip vk-chip-off" data-test="Critical" type="button">Critical</button>
|
|
<button class="vk-chip vk-chip-off" data-test="Health" type="button">Health</button>
|
|
<button class="vk-chip vk-chip-off" data-test="Radiation" type="button">Radiation</button>
|
|
<input class="input vk-test-custom" id="tts-test-custom-1" placeholder="custom 1" />
|
|
<button class="vk-chip vk-chip-off" data-test-custom="1" type="button">play</button>
|
|
<input class="input vk-test-custom" id="tts-test-custom-2" placeholder="custom 2" />
|
|
<button class="vk-chip vk-chip-off" data-test-custom="2" type="button">play</button>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="toasts" class="vk-toasts"></div>
|
|
|
|
<script src="icons.js"></script>
|
|
<script src="api.js"></script>
|
|
<script src="app.js"></script>
|
|
<script src="media.js"></script>
|
|
</body>
|
|
</html>
|