|
 |
Seite zuletzt verändert am 01:46, 28 Feb 2026 von Minocula
SpracheVon $1Inhaltsverzeichniskeine GliederungHELIKON VOICE v6.3 SYSBOOT API... VOICE... PROVIDER... MODEL... CREDITS... TTSOFF ☎Helikon anrufen ❚❚Pause 0:00 Text→Sprache Sprache→Sprache Sprache→Text Wiki-Suche Stimme:�� Stimme 1�� Stimme 2 ● Aufnehmen 0s
(function() {
/* ============================================================
* HELIKON VOICE v6.3 — 2026-02-27
* System Diagnostics panel. Full width. Boot sequence.
* Call Mode hero. Pause. Text truncation. helikonCallMode.
* ============================================================ */
var PF = '"Press Start 2P","Courier New",Courier,monospace';
var CRISP = '-webkit-font-smoothing:none; -moz-osx-font-smoothing:unset; font-smooth:never; text-rendering:optimizeSpeed;';
var css = ''
/* === CONTAINER — FULL WIDTH === */
+ '#helikonTTS { margin:14px 0 0 0; font-family:' + PF + '; ' + CRISP + ' border:2px solid #ccc; border-radius:8px; background:#f8f8f8; padding:14px; position:relative; overflow:hidden; }'
/* ============================================================
SYSTEM DIAGNOSTICS PANEL
============================================================ */
+ '#ttsDiag { background:#f0f0f0; border:2px solid #ddd; border-radius:6px; padding:10px 12px; margin:0 0 10px 0; }'
+ '#diagTitle { font-size:8px; color:#0077aa; letter-spacing:2px; text-transform:uppercase; margin:0 0 8px 0; padding:0 0 6px 0; border-bottom:1px solid #ddd; }'
/* LED Grid */
+ '#diagGrid { display:flex; flex-wrap:wrap; gap:0; }'
+ '.diagCell { display:flex; align-items:center; gap:6px; padding:5px 12px 5px 0; min-width:100px; flex:1; }'
+ '.diagLed { display:inline-block; width:8px; height:8px; background:#ccc; border:1px solid #aaa; flex-shrink:0; transition:all 0.3s ease; }'
+ '.diagKey { font-size:7px; color:#999; letter-spacing:1px; text-transform:uppercase; min-width:42px; }'
+ '.diagVal { font-size:7px; color:#666; letter-spacing:0.5px; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:120px; }'
/* LED states */
+ '.diagCell.ok .diagLed { background:#3a8f3a; border-color:#2a6f2a; box-shadow:0 0 4px rgba(58,143,58,0.4); }'
+ '.diagCell.ok .diagVal { color:#3a8f3a; }'
+ '.diagCell.warn .diagLed { background:#cc8800; border-color:#aa6600; box-shadow:0 0 4px rgba(204,136,0,0.4); }'
+ '.diagCell.warn .diagVal { color:#cc8800; }'
+ '.diagCell.err .diagLed { background:#cc3333; border-color:#aa2222; box-shadow:0 0 6px rgba(204,51,51,0.5); animation:ledBlink 1s infinite; }'
+ '.diagCell.err .diagVal { color:#cc3333; }'
+ '.diagCell.off .diagLed { background:#ccc; border-color:#aaa; }'
+ '.diagCell.off .diagVal { color:#999; }'
+ '.diagCell.boot .diagLed { background:#0077aa; border-color:#005580; animation:ledBoot 0.6s infinite; }'
+ '.diagCell.boot .diagVal { color:#0077aa; }'
+ '@keyframes ledBlink { 0%,100% { opacity:1; } 50% { opacity:0.3; } }'
+ '@keyframes ledBoot { 0%,100% { opacity:0.3; } 50% { opacity:1; } }'
/* Diag log — boot messages */
+ '#diagLog { margin:6px 0 0 0; padding:4px 0 0 0; border-top:1px dashed #ddd; font-size:7px; color:#999; line-height:1.8; max-height:60px; overflow:hidden; }'
+ '#diagLog .dlog { opacity:0; transition:opacity 0.3s ease; }'
+ '#diagLog .dlog.vis { opacity:1; }'
/* === WAVE VISUALIZER === */
+ '#ttsWaveWrap { height:40px; margin:0 0 10px 0; overflow:hidden; border-radius:4px; background:#eee; border:1px solid #ddd; }'
+ '#ttsWave { display:flex; align-items:flex-end; justify-content:center; gap:3px; height:100%; padding:4px 8px; }'
+ '.ttsBar { display:inline-block; width:7px; background:#0077aa; border-radius:2px 2px 0 0; height:4px; opacity:0.2; transition:height 0.15s ease, opacity 0.15s ease; }'
+ '#helikonTTS.tts-on .ttsBar { opacity:0.5; }'
+ '@keyframes waveIdle { 0%,100% { height:4px; opacity:0.3; } 50% { height:12px; opacity:0.6; } }'
+ '#helikonTTS.tts-on .ttsBar { animation:waveIdle 1.5s ease-in-out infinite; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(1) { animation-delay:0s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(2) { animation-delay:0.1s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(3) { animation-delay:0.2s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(4) { animation-delay:0.3s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(5) { animation-delay:0.4s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(6) { animation-delay:0.5s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(7) { animation-delay:0.6s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(8) { animation-delay:0.7s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(9) { animation-delay:0.6s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(10) { animation-delay:0.5s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(11) { animation-delay:0.4s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(12) { animation-delay:0.3s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(13) { animation-delay:0.2s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(14) { animation-delay:0.1s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(15) { animation-delay:0s; }'
+ '#helikonTTS.tts-on .ttsBar:nth-child(16) { animation-delay:0.1s; }'
/* Wave speaking */
+ '@keyframes waveTalk { 0% { height:4px; } 15% { height:28px; } 30% { height:8px; } 45% { height:22px; } 60% { height:6px; } 75% { height:30px; } 90% { height:12px; } 100% { height:4px; } }'
+ '#helikonTTS.tts-speaking .ttsBar { opacity:1; animation:waveTalk 0.8s ease-in-out infinite; background:#0077aa; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(1) { animation-delay:0.05s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(2) { animation-delay:0.1s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(3) { animation-delay:0.15s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(4) { animation-delay:0.2s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(5) { animation-delay:0.25s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(6) { animation-delay:0.3s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(7) { animation-delay:0.35s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(8) { animation-delay:0.4s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(9) { animation-delay:0.35s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(10) { animation-delay:0.3s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(11) { animation-delay:0.25s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(12) { animation-delay:0.2s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(13) { animation-delay:0.15s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(14) { animation-delay:0.1s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(15) { animation-delay:0.05s; }'
+ '#helikonTTS.tts-speaking .ttsBar:nth-child(16) { animation-delay:0s; }'
/* Call mode waves — green */
+ '#helikonTTS.tts-call .ttsBar { opacity:0.5; animation:waveIdle 1.2s ease-in-out infinite; background:#3a8f3a; }'
+ '#helikonTTS.tts-call.tts-speaking .ttsBar { opacity:1; animation:waveTalk 0.8s ease-in-out infinite; background:#3a8f3a; }'
/* ============================================================
CALL HERO SECTION
============================================================ */
+ '#callHero { border:2px solid #ddd; border-radius:8px; background:#fff; padding:14px; margin:0 0 10px 0; display:flex; align-items:center; gap:10px; flex-wrap:wrap; transition:all 0.3s ease; }'
+ '#callHeroBtn { display:flex; align-items:center; gap:10px; padding:14px 22px; border:3px solid #3a8f3a; border-radius:8px; background:#f0fff0; color:#2a6f2a; cursor:pointer; font-family:' + PF + '; font-size:12px; transition:all 0.25s ease; flex:1; min-width:200px; justify-content:center; }'
+ '#callHeroBtn:hover { background:#e0ffe0; border-color:#2a6f2a; transform:translateY(-1px); box-shadow:0 4px 12px rgba(58,143,58,0.2); }'
+ '#callIcon { font-size:20px; display:inline-block; transition:transform 0.3s ease; }'
+ '#callBtnLabel { letter-spacing:0.5px; }'
+ '@keyframes phoneRing { 0% { transform:rotate(0deg); } 5% { transform:rotate(15deg); } 10% { transform:rotate(-15deg); } 15% { transform:rotate(12deg); } 20% { transform:rotate(-12deg); } 25% { transform:rotate(0deg); } 100% { transform:rotate(0deg); } }'
+ '@keyframes heroPulse { 0%,100% { box-shadow:0 0 0 0 rgba(58,143,58,0.3); } 50% { box-shadow:0 0 0 10px rgba(58,143,58,0); } }'
+ '#callHero.active { border-color:#3a8f3a; background:#f0fff0; }'
+ '#callHero.active #callHeroBtn { background:#3a8f3a; color:#fff; border-color:#2a6f2a; animation:heroPulse 2s infinite; }'
+ '#callHero.active #callHeroBtn:hover { background:#2a6f2a; }'
+ '#callHero.active #callIcon { animation:phoneRing 2s ease-in-out infinite; }'
+ '#callHero.paused { border-color:#cc8800; background:#fffbf0; }'
+ '#callHero.paused #callHeroBtn { background:#3a8f3a; color:#fff; border-color:#2a6f2a; animation:none; opacity:0.7; }'
+ '#callHero.paused #callIcon { animation:none; }'
+ '#callPauseBtn { display:none; align-items:center; gap:6px; padding:14px 16px; border:2px solid #cc8800; border-radius:8px; background:#fffbf0; color:#996600; cursor:pointer; font-family:' + PF + '; font-size:10px; transition:all 0.25s ease; }'
+ '#callPauseBtn:hover { background:#fff0d0; border-color:#996600; }'
+ '#pauseIcon { font-size:14px; }'
+ '#callHero.active #callPauseBtn { display:flex; }'
+ '#callHero.paused #callPauseBtn { display:flex; background:#cc8800; color:#fff; border-color:#996600; }'
+ '#callPhaseDisplay { display:none; align-items:center; gap:8px; width:100%; padding:8px 0 0 0; }'
+ '#callHero.active #callPhaseDisplay { display:flex; }'
+ '#callHero.paused #callPhaseDisplay { display:flex; }'
+ '#callPhaseDot { display:inline-block; width:12px; height:12px; border-radius:50%; background:#999; transition:all 0.3s ease; flex-shrink:0; }'
+ '#callPhaseText { font-size:9px; color:#666; flex:1; letter-spacing:0.5px; }'
+ '#callTimer { font-size:9px; color:#999; min-width:40px; text-align:right; }'
+ '@keyframes listenBreathe { 0%,100% { transform:scale(1); opacity:1; } 50% { transform:scale(1.4); opacity:0.5; } }'
+ '@keyframes procSpin { 0% { opacity:1; } 50% { opacity:0.3; } 100% { opacity:1; } }'
+ '@keyframes speakWave { 0%,100% { transform:scale(1); } 30% { transform:scale(1.3); } 60% { transform:scale(0.8); } }'
+ '#callPhaseDot.listening { background:#4CAF50; animation:listenBreathe 1.5s ease-in-out infinite; }'
+ '#callPhaseDot.processing { background:#ff9800; animation:procSpin 0.6s ease-in-out infinite; }'
+ '#callPhaseDot.speaking { background:#0077aa; animation:speakWave 0.8s ease-in-out infinite; }'
+ '#callPhaseDot.waiting { background:#ff9800; animation:procSpin 1s ease-in-out infinite; }'
+ '#callPhaseDot.paused { background:#cc8800; animation:none; }'
/* === TOGGLE BUTTONS === */
+ '#ttsControls { display:flex; align-items:center; gap:6px; padding:8px 0; flex-wrap:wrap; }'
+ '.voice-btn { background:#fff; border:2px solid #ccc; color:#555; padding:8px 12px; cursor:pointer; font-family:' + PF + '; font-size:9px; display:inline-flex; align-items:center; gap:6px; border-radius:4px; transition:all 0.2s ease; position:relative; }'
+ '.voice-btn:hover { border-color:#0077aa; color:#0077aa; }'
+ '.voice-btn::before { content:""; display:inline-block; width:8px; height:8px; border:2px solid #ccc; background:#eee; border-radius:0; transition:all 0.15s ease; }'
+ '.voice-btn.active { background:#e8f4ff; border-color:#0077aa; color:#0077aa; }'
+ '.voice-btn.active::before { background:#0077aa; border-color:#005580; box-shadow:0 0 6px rgba(0,119,170,0.5); }'
+ '.voice-btn.disabled { background:#f5f5f5; border-color:#ddd; color:#bbb; cursor:default; }'
+ '.voice-btn.disabled:hover { border-color:#ddd; color:#bbb; }'
+ '.voice-btn.disabled::before { background:#ddd; border-color:#ccc; }'
+ '#searchToggle:hover { border-color:#cc8800; color:#cc8800; }'
+ '#searchToggle.active { background:#fff8e8; border-color:#cc8800; color:#cc8800; }'
+ '#searchToggle.active::before { background:#cc8800; border-color:#aa6600; box-shadow:0 0 6px rgba(204,136,0,0.5); }'
/* === VOICE SELECTOR === */
+ '#ttsVoiceSel { display:flex; align-items:center; gap:6px; padding:6px 0; border-top:1px solid #eee; }'
+ '#voiceLabel { font-size:7px; color:#999; text-transform:uppercase; letter-spacing:0.5px; margin-right:2px; }'
+ '.voice-opt { background:#fff; border:2px solid #ddd; color:#888; padding:6px 10px; cursor:pointer; font-family:' + PF + '; font-size:8px; border-radius:4px; transition:all 0.2s ease; }'
+ '.voice-opt:hover { border-color:#0077aa; color:#0077aa; }'
+ '.voice-opt.active { background:#e8f4ff; border-color:#0077aa; color:#0077aa; }'
/* === RECORDING BAR === */
+ '#voiceRecBar { display:none; align-items:center; gap:10px; padding:8px 0; border-top:1px solid #eee; }'
+ '#voiceRecBar.visible { display:flex; }'
+ '#voiceRecBtn { background:#fff; border:2px solid #cc3333; color:#cc3333; padding:10px 14px; cursor:pointer; font-family:' + PF + '; font-size:9px; border-radius:4px; transition:all 0.2s ease; }'
+ '#voiceRecBtn:hover { background:#cc3333; color:#fff; }'
+ '#voiceRecBtn.recording { background:#cc3333; color:#fff; animation:recPulse 1s infinite; box-shadow:0 0 10px rgba(204,51,51,0.4); }'
+ '@keyframes recPulse { 0%,100% { opacity:1; } 50% { opacity:0.6; } }'
+ '#voiceRecTime { color:#cc3333; font-size:9px; min-width:30px; }'
+ '#voiceRecStatus { color:#999; font-size:7px; }'
/* === PLAY BUTTONS === */
+ '.tts-play-btn { background:#fff; border:1px solid #ddd; color:#999; padding:3px 8px; cursor:pointer; font-size:8px; margin-left:8px; font-family:' + PF + '; display:none; border-radius:3px; transition:all 0.2s ease; }'
+ '.tts-play-btn:hover { border-color:#0077aa; color:#0077aa; }'
+ '.tts-play-btn.playing { border-color:#0077aa; color:#0077aa; display:inline-block !important; box-shadow:0 0 6px rgba(0,119,170,0.3); }'
+ '.tts-active .tts-play-btn { display:inline-block; }'
/* === CALL CHAT STATUS === */
+ '.chatMsg.call-status { background:transparent !important; border:none !important; text-align:center !important; padding:6px 10px !important; margin:4px auto !important; max-width:100% !important; color:#3a8f3a !important; font-size:9px !important; opacity:0.8; }'
+ '.chatMsg.call-status::before { content:none !important; }'
+ '.chatMsg.call-status.phase-listening { color:#4CAF50 !important; }'
+ '.chatMsg.call-status.phase-processing { color:#ff9800 !important; }'
+ '.chatMsg.call-status.phase-speaking { color:#0077aa !important; }'
+ '.chatMsg.call-status.phase-paused { color:#cc8800 !important; }'
+ '.chatMsg.call-status.phase-end { color:#cc3333 !important; }'
/* ============================================================
MOBILE
============================================================ */
+ '@media (max-width:600px) {'
+ ' #helikonTTS { padding:10px; }'
+ ' #diagGrid { flex-direction:column; gap:0; }'
+ ' .diagCell { min-width:0; padding:3px 0; }'
+ ' #callHero { flex-direction:column; }'
+ ' #callHeroBtn { min-width:0; width:100%; font-size:11px; padding:16px 14px; }'
+ ' #callPauseBtn { width:100%; justify-content:center; padding:12px; }'
+ ' #ttsControls { gap:4px; }'
+ ' .voice-btn { font-size:8px; padding:6px 8px; flex:1; min-width:0; justify-content:center; }'
+ ' #ttsVoiceSel { flex-wrap:wrap; }'
+ ' .voice-opt { flex:1; text-align:center; }'
+ ' #callPhaseText { font-size:8px; }'
+ '}'
/* ============================================================
DARK MODE — body.dark-mode
============================================================ */
+ 'body.dark-mode #helikonTTS { background:#0a0a1a; border-color:#1a1a3a; }'
+ 'body.dark-mode #ttsDiag { background:#0d0d1e; border-color:#1a1a3a; }'
+ 'body.dark-mode #diagTitle { color:#0077aa; border-color:#1a1a3a; }'
+ 'body.dark-mode .diagKey { color:#555; }'
+ 'body.dark-mode .diagVal { color:#888; }'
+ 'body.dark-mode .diagCell.ok .diagVal { color:#5ab85a; }'
+ 'body.dark-mode .diagCell.warn .diagVal { color:#cc8800; }'
+ 'body.dark-mode .diagCell.err .diagVal { color:#ff4444; }'
+ 'body.dark-mode .diagCell.boot .diagVal { color:#00ccff; }'
+ 'body.dark-mode #diagLog { border-color:#1a1a3a; color:#444; }'
+ 'body.dark-mode #ttsWaveWrap { background:#0d0d24; border-color:#1a1a3a; }'
+ 'body.dark-mode .ttsBar { background:#0077aa; }'
+ 'body.dark-mode #helikonTTS.tts-speaking .ttsBar { background:#00ccff; }'
+ 'body.dark-mode #helikonTTS.tts-call .ttsBar { background:#66ff66; }'
+ 'body.dark-mode #callHero { background:#0d0d20; border-color:#1a2a1a; }'
+ 'body.dark-mode #callHeroBtn { background:#0a1a0a; border-color:#3a8f3a; color:#5ab85a; }'
+ 'body.dark-mode #callHeroBtn:hover { background:#0f2a0f; }'
+ 'body.dark-mode #callHero.active #callHeroBtn { background:#3a8f3a; color:#fff; }'
+ 'body.dark-mode #callPauseBtn { background:#1a1500; border-color:#cc8800; color:#cc8800; }'
+ 'body.dark-mode #callHero.paused #callPauseBtn { background:#cc8800; color:#000; }'
+ 'body.dark-mode #callPhaseText { color:#888; }'
+ 'body.dark-mode #callTimer { color:#666; }'
+ 'body.dark-mode .voice-btn { background:#111; border-color:#333; color:#888; }'
+ 'body.dark-mode .voice-btn:hover { border-color:#0077aa; color:#0077aa; }'
+ 'body.dark-mode .voice-btn::before { background:#222; border-color:#444; }'
+ 'body.dark-mode .voice-btn.active { background:#0a1a2a; border-color:#0077aa; color:#0077aa; }'
+ 'body.dark-mode .voice-btn.active::before { background:#0077aa; border-color:#005580; }'
+ 'body.dark-mode .voice-btn.disabled { background:#0a0a0a; border-color:#222; color:#444; }'
+ 'body.dark-mode #searchToggle.active { background:#1a1500; border-color:#cc8800; color:#cc8800; }'
+ 'body.dark-mode #searchToggle.active::before { background:#cc8800; border-color:#aa6600; }'
+ 'body.dark-mode #ttsVoiceSel { border-color:#1a1a3a; }'
+ 'body.dark-mode .voice-opt { background:#111; border-color:#333; color:#666; }'
+ 'body.dark-mode .voice-opt:hover { border-color:#0077aa; color:#0077aa; }'
+ 'body.dark-mode .voice-opt.active { background:#0a1a2a; border-color:#00ccff; color:#00ccff; }'
+ 'body.dark-mode #voiceRecBar { border-color:#1a1a3a; }'
+ 'body.dark-mode #voiceRecBtn { background:#111; }'
+ 'body.dark-mode .tts-play-btn { background:#111; border-color:#333; color:#666; }'
+ 'body.dark-mode .tts-play-btn:hover { border-color:#0077aa; color:#0077aa; }'
+ 'body.dark-mode .chatMsg.call-status { opacity:0.7; }';
var styleEl = document.createElement('style');
styleEl.type = 'text/css';
if (styleEl.styleSheet) { styleEl.styleSheet.cssText = css; }
else { styleEl.appendChild(document.createTextNode(css)); }
document.getElementsByTagName('head')[0].appendChild(styleEl);
var fontLink = document.createElement('link');
fontLink.rel = 'stylesheet';
fontLink.href = 'https://fonts.googleapis.com/css2?family=Press+Start+2P';
document.head.appendChild(fontLink);
/* === DOM === */
var ttsWrap = document.getElementById('helikonTTS');
var ttsBtn = document.getElementById('ttsToggle');
var stsBtn = document.getElementById('stsToggle');
var sttBtn = document.getElementById('sttToggle');
var searchBtn = document.getElementById('searchToggle');
var recBar = document.getElementById('voiceRecBar');
var recBtn = document.getElementById('voiceRecBtn');
var recTime = document.getElementById('voiceRecTime');
var recStatus = document.getElementById('voiceRecStatus');
var voiceOpt1 = document.getElementById('voiceOpt1');
var voiceOpt2 = document.getElementById('voiceOpt2');
var callHero = document.getElementById('callHero');
var callHeroBtn = document.getElementById('callHeroBtn');
var callPauseBtn = document.getElementById('callPauseBtn');
var callPhaseDot = document.getElementById('callPhaseDot');
var callPhaseText= document.getElementById('callPhaseText');
var callTimerEl = document.getElementById('callTimer');
var pauseBtnLabel= document.getElementById('pauseBtnLabel');
var pauseIcon = document.getElementById('pauseIcon');
/* Diagnostics */
var dSys = document.getElementById('dSys');
var dApi = document.getElementById('dApi');
var dVoice = document.getElementById('dVoice');
var dModel = document.getElementById('dModel');
var dProvider = document.getElementById('dProvider');
var dCredits = document.getElementById('dCredits');
var dTts = document.getElementById('dTts');
var dSysVal = document.getElementById('dSysVal');
var dApiVal = document.getElementById('dApiVal');
var dVoiceVal = document.getElementById('dVoiceVal');
var dModelVal = document.getElementById('dModelVal');
var dProviderVal = document.getElementById('dProviderVal');
var dCreditsVal = document.getElementById('dCreditsVal');
var dTtsVal = document.getElementById('dTtsVal');
var diagLog = document.getElementById('diagLog');
if (!ttsBtn) return;
ttsBtn.className = 'voice-btn';
stsBtn.className = 'voice-btn disabled';
sttBtn.className = 'voice-btn';
searchBtn.className = 'voice-btn active';
/* === DIAGNOSTICS HELPERS === */
function setDiag(cell, valEl, state, text) {
if (!cell || !valEl) return;
cell.className = 'diagCell ' + state;
valEl.textContent = text;
}
var diagLogLines = [];
var diagLogInited = false;
function logDiag(msg) {
if (!diagLog) return;
if (!diagLogInited) { diagLog.innerHTML = ''; diagLogInited = true; }
var line = document.createElement('div');
line.className = 'dlog';
line.textContent = '> ' + msg;
diagLog.appendChild(line);
setTimeout(function() { line.className = 'dlog vis'; }, 30);
diagLogLines.push(line);
/* Keep max 4 lines */
while (diagLogLines.length > 4) {
var old = diagLogLines.shift();
if (old.parentNode) old.parentNode.removeChild(old);
}
}
function updateDiagTts() {
if (callActive) { setDiag(dTts, dTtsVal, 'ok', 'CALL'); }
else if (ttsActive) { setDiag(dTts, dTtsVal, 'ok', 'ON'); }
else if (sttActive) { setDiag(dTts, dTtsVal, 'ok', 'STT'); }
else { setDiag(dTts, dTtsVal, 'off', 'OFF'); }
}
/* === VOICES === */
var VOICES = new Array(2);
VOICES[0] = new Object(); VOICES[0].id = ''; VOICES[0].label = 'Stimme 1';
VOICES[1] = new Object(); VOICES[1].id = 'rKiu7lQ4c5P3az3745s3'; VOICES[1].label = 'Stimme 2';
var activeVoiceIdx = 0;
/* === STATE === */
var ttsActive = false, stsActive = false, sttActive = false, callActive = false;
var callPaused = false, searchActive = true;
var ttsApiKey = '', voiceId = '', modelId = 'eleven_multilingual_v2';
var currentAudio = null, isSpeaking = false, isRecording = false;
var mediaRecorder = null, audioChunks = [], recTimer = null, recSeconds = 0;
var creditsOk = true;
var callStream = null, callAnalyser = null, callAudioCtx = null;
var callPhase = 'idle';
var callSeconds = 0, callTimerId = null;
var SILENCE_THRESHOLD = 15, SILENCE_DURATION = 1800;
var CALL_TEXT_MAX = 250;
var pageId = 0;
if (typeof Deki !== 'undefined' && Deki.PageId) { pageId = Deki.PageId; }
window.helikonSearchEnabled = true;
window.helikonCallMode = false;
/* Boot SYS immediately */
setDiag(dSys, dSysVal, 'boot', 'BOOT');
setDiag(dApi, dApiVal, 'boot', '...');
setDiag(dVoice, dVoiceVal, 'boot', '...');
setDiag(dProvider, dProviderVal, 'boot', '...');
setDiag(dModel, dModelVal, 'boot', '...');
setDiag(dCredits, dCreditsVal, 'boot', '...');
setDiag(dTts, dTtsVal, 'off', 'OFF');
logDiag('HELIKON VOICE v6.3 booting...');
/* === FETCH ALL PROPERTIES === */
function fetchAllProperties(callback) {
if (!pageId) { callback(new Object()); return; }
var url = '/@api/deki/pages/' + pageId + '/properties';
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onload = function() {
var props = new Object();
if (xhr.status === 200) {
try {
var parser = new DOMParser();
var xml = parser.parseFromString(xhr.responseText, 'text/xml');
var entries = xml.getElementsByTagName('property');
for (var i = 0; i < entries.length; i++) {
var nameEl = entries[i].getAttribute('name');
if (!nameEl) continue;
var short = nameEl.replace('urn:custom.mindtouch.com#', '');
var contentsEl = entries[i].getElementsByTagName('contents');
if (contentsEl.length > 0) {
var href = contentsEl[0].getAttribute('href');
if (href) { props['_href_' + short] = href; }
var textNode = contentsEl[0].textContent;
if (textNode) { props[short] = textNode.replace(/^\s+|\s+$/g, ''); }
}
}
} catch(e) {}
}
var hrefKeys = [];
for (var k in props) { if (k.indexOf('_href_') === 0) { hrefKeys.push(k.replace('_href_', '')); } }
if (hrefKeys.length === 0) { callback(props); return; }
var done = 0;
for (var h = 0; h < hrefKeys.length; h++) {
(function(propName) {
var xh = new XMLHttpRequest();
xh.open('GET', props['_href_' + propName], true);
xh.onload = function() {
if (xh.status === 200) { props[propName] = xh.responseText.replace(/^\s+|\s+$/g, ''); }
done++; if (done === hrefKeys.length) callback(props);
};
xh.onerror = function() { done++; if (done === hrefKeys.length) callback(props); };
xh.send();
})(hrefKeys[h]);
}
};
xhr.onerror = function() { callback(new Object()); };
xhr.send();
}
/* === CREDIT STATE === */
function setCreditState(state) {
if (state === 'empty') { setDiag(dCredits, dCreditsVal, 'err', 'LEER!'); creditsOk = false; logDiag('CREDITS: Kein Guthaben!'); }
else { setDiag(dCredits, dCreditsVal, 'ok', 'OK'); creditsOk = true; }
}
/* === UI HELPERS === */
function setRecStatus(msg) { if (recStatus) recStatus.textContent = msg; }
function getActiveVoiceId() { return VOICES[activeVoiceIdx].id || voiceId; }
function formatTime(sec) {
var m = Math.floor(sec / 60);
var s = sec % 60;
return m + ':' + (s < 10 ? '0' : '') + s;
}
function setCallPhaseUI(phase) {
callPhase = phase;
if (callPhaseDot) callPhaseDot.className = phase;
var labels = new Object();
labels.idle = '';
labels.listening = '\u{1F3A4} Sprich jetzt...';
labels.processing = '\u{1F504} Verarbeite...';
labels.speaking = '\u{1F50A} Helikon spricht...';
labels.waiting = '\u{23F3} Helikon denkt nach...';
labels.paused = '\u{23F8} Pausiert';
if (callPhaseText) callPhaseText.textContent = labels[phase] || '';
}
function updateWrapClass() {
var cls = '';
if (ttsActive || sttActive) cls = 'tts-on';
if (isSpeaking) cls = 'tts-speaking';
if (callActive && !isSpeaking) cls = 'tts-call';
if (callActive && isSpeaking) cls = 'tts-call tts-speaking';
ttsWrap.className = cls;
}
function updateButtons() {
ttsBtn.className = 'voice-btn' + (ttsActive ? ' active' : '');
stsBtn.className = 'voice-btn disabled';
sttBtn.className = 'voice-btn' + (sttActive ? ' active' : '');
searchBtn.className = 'voice-btn' + (searchActive ? ' active' : '');
window.helikonSearchEnabled = searchActive;
if (callActive && callPaused) { callHero.className = 'paused'; }
else if (callActive) { callHero.className = 'active'; }
else { callHero.className = ''; }
if (sttActive) { recBar.className = 'visible'; } else { recBar.className = ''; }
var chatLog = document.getElementById('chatLog');
if (chatLog) {
if (ttsActive || callActive) { chatLog.className = chatLog.className.replace(' tts-active', '') + ' tts-active'; }
else { chatLog.className = chatLog.className.replace(' tts-active', ''); stopAudio(); }
}
updateWrapClass();
updateDiagTts();
}
/* === VOICE SELECTOR === */
function selectVoice(idx) {
activeVoiceIdx = idx;
voiceOpt1.className = 'voice-opt' + (idx === 0 ? ' active' : '');
voiceOpt2.className = 'voice-opt' + (idx === 1 ? ' active' : '');
logDiag('Voice: ' + VOICES[idx].label);
}
voiceOpt1.onclick = function() { selectVoice(0); };
voiceOpt2.onclick = function() { selectVoice(1); };
/* === CALL TIMER === */
function startCallTimer() {
callSeconds = 0; callTimerEl.textContent = '0:00';
callTimerId = setInterval(function() { callSeconds++; callTimerEl.textContent = formatTime(callSeconds); }, 1000);
}
function stopCallTimer() { if (callTimerId) { clearInterval(callTimerId); callTimerId = null; } }
/* === CHAT MESSAGES === */
function addChatMsg(text, type) {
var chatLog = document.getElementById('chatLog');
if (!chatLog) return;
var div = document.createElement('div');
div.className = 'chatMsg ' + type;
div.textContent = text;
chatLog.appendChild(div);
chatLog.scrollTop = chatLog.scrollHeight;
}
function addCallStatus(text, phase) {
var chatLog = document.getElementById('chatLog');
if (!chatLog) return;
var old = chatLog.querySelectorAll('.chatMsg.call-status');
for (var o = 0; o < old.length; o++) {
var cls = old[o].className || '';
if (cls.indexOf('phase-end') === -1) { old[o].parentNode.removeChild(old[o]); }
}
var div = document.createElement('div');
div.className = 'chatMsg call-status phase-' + phase;
div.textContent = text;
chatLog.appendChild(div);
chatLog.scrollTop = chatLog.scrollHeight;
}
/* === TEXT HELPERS === */
function cleanText(text) {
var LT = String.fromCharCode(60);
var GT = String.fromCharCode(62);
var LBRACE = String.fromCharCode(123);
var RBRACE = String.fromCharCode(125);
var htmlTagRe = new RegExp(LT + '[^' + GT + ']*' + GT, 'g');
var headingRe = new RegExp('#' + LBRACE + '1,6' + RBRACE + '\\s', 'g');
var linkRe = new RegExp('\\[([^\\]]+)\\]\\([^)]+\\)', 'g');
var clean = text.replace(htmlTagRe, '').replace(/\*\*([^*]+)\*\*/g, '$1').replace(/\*([^*]+)\*/g, '$1').replace(/`([^`]+)`/g, '$1').replace(headingRe, '').replace(linkRe, '$1').replace(/\s+/g, ' ').replace(/^\s+|\s+$/g, '');
return clean;
}
function truncateForCall(text) {
if (!callActive || text.length <= CALL_TEXT_MAX) return text;
var cut = text.substring(0, CALL_TEXT_MAX);
var lastDot = cut.lastIndexOf('.');
var lastExcl = cut.lastIndexOf('!');
var lastQ = cut.lastIndexOf('?');
var best = Math.max(lastDot, lastExcl, lastQ);
if (best > CALL_TEXT_MAX * 0.3) return cut.substring(0, best + 1);
var lastSpace = cut.lastIndexOf(' ');
if (lastSpace > CALL_TEXT_MAX * 0.5) return cut.substring(0, lastSpace) + '...';
return cut + '...';
}
/* === TTS === */
function speak(text, onDone) {
var activeId = getActiveVoiceId();
if (!ttsApiKey || !activeId) { logDiag('TTS: nicht konfiguriert'); if (onDone) onDone(); return; }
if (!creditsOk) { logDiag('TTS: Keine Credits!'); if (onDone) onDone(); return; }
var clean = cleanText(text);
if (!clean) { if (onDone) onDone(); return; }
clean = truncateForCall(clean);
if (clean.length > 5000) { clean = clean.substring(0, 5000); }
if (typeof console !== 'undefined') { console.log('TTS (' + VOICES[activeVoiceIdx].label + '): "' + clean.substring(0, 60) + '..."'); }
isSpeaking = true; updateWrapClass();
if (callActive) { setCallPhaseUI('speaking'); addCallStatus('\u{1F50A} Helikon spricht...', 'speaking'); }
logDiag('TTS: spreche (' + clean.length + ' chars)');
var url = 'https://api.elevenlabs.io/v1/text-to-speech/' + encodeURIComponent(activeId) + '?output_format=mp3_44100_128';
var bodyObj = new Object(); bodyObj.text = clean; bodyObj.model_id = modelId;
var xhr = new XMLHttpRequest();
xhr.open('POST', url, true); xhr.responseType = 'blob';
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.setRequestHeader('xi-api-key', ttsApiKey);
xhr.onload = function() {
if (xhr.status === 200) { playBlob(xhr.response, onDone); setCreditState('ok'); logDiag('TTS: OK'); }
else if (xhr.status === 401 || xhr.status === 403) { isSpeaking = false; updateWrapClass(); setCreditState('empty'); logDiag('TTS: 401/403 \u2014 Credits leer?'); if (onDone) onDone(); }
else { isSpeaking = false; updateWrapClass(); logDiag('TTS: Fehler ' + xhr.status); setDiag(dTts, dTtsVal, 'warn', 'ERR ' + xhr.status); if (onDone) onDone(); }
};
xhr.onerror = function() { isSpeaking = false; updateWrapClass(); logDiag('TTS: Netzwerkfehler'); setDiag(dTts, dTtsVal, 'err', 'OFFLINE'); if (onDone) onDone(); };
xhr.send(JSON.stringify(bodyObj));
}
function playBlob(blob, onDone) {
var audioUrl = URL.createObjectURL(blob);
stopAudio();
currentAudio = new Audio(audioUrl);
isSpeaking = true; updateWrapClass();
currentAudio.onended = function() { isSpeaking = false; updateWrapClass(); URL.revokeObjectURL(audioUrl); currentAudio = null; if (onDone) onDone(); };
currentAudio.onerror = function() { isSpeaking = false; updateWrapClass(); logDiag('Audio: Wiedergabefehler'); URL.revokeObjectURL(audioUrl); currentAudio = null; if (onDone) onDone(); };
currentAudio.play().catch(function() { logDiag('Audio: Autoplay blockiert'); isSpeaking = false; updateWrapClass(); if (onDone) onDone(); });
}
function stopAudio() {
if (currentAudio) { currentAudio.pause(); currentAudio.currentTime = 0; currentAudio = null; }
isSpeaking = false; updateWrapClass();
}
/* === RECORDING === */
function startRecording(onComplete) {
if (isRecording) return;
if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) { setRecStatus('Mikrofon nicht verfuegbar'); return; }
audioChunks = []; recSeconds = 0; recTime.textContent = '0s';
var constraints = new Object(); constraints.audio = true; constraints.video = false;
navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
mediaRecorder = new MediaRecorder(stream); isRecording = true;
recBtn.className = 'recording'; recBtn.textContent = '\u25A0 Stopp'; setRecStatus('aufnahme...');
mediaRecorder.ondataavailable = function(e) { if (e.data.size > 0) { audioChunks.push(e.data); } };
mediaRecorder.onstop = function() {
isRecording = false; recBtn.className = ''; recBtn.textContent = '\u25CF Aufnehmen';
clearInterval(recTimer); recTimer = null;
var tracks = stream.getTracks(); for (var t = 0; t < tracks.length; t++) { tracks[t].stop(); }
if (audioChunks.length > 0) { var bt = new Object(); bt.type = 'audio/webm'; var blob = new Blob(audioChunks, bt); if (onComplete) onComplete(blob); }
};
mediaRecorder.start();
recTimer = setInterval(function() { recSeconds++; recTime.textContent = recSeconds + 's'; if (recSeconds >= 30) { stopRecording(); } }, 1000);
}).catch(function() { setRecStatus('Mikrofon verweigert'); });
}
function stopRecording() { if (mediaRecorder && isRecording) { mediaRecorder.stop(); } if (recTimer) { clearInterval(recTimer); recTimer = null; } }
/* === STT === */
function transcribeAudio(blob, callback) {
var formData = new FormData(); formData.append('file', blob, 'recording.webm'); formData.append('model_id', 'scribe_v2'); formData.append('language_code', 'de');
var xhr = new XMLHttpRequest(); xhr.open('POST', 'https://api.elevenlabs.io/v1/speech-to-text', true); xhr.setRequestHeader('xi-api-key', ttsApiKey);
xhr.onload = function() {
if (xhr.status === 200) { try { var r = JSON.parse(xhr.responseText); callback(r.text || ''); } catch(e) { callback(''); } }
else { setRecStatus('STT-Fehler ' + xhr.status); callback(''); }
};
xhr.onerror = function() { setRecStatus('STT nicht erreichbar'); callback(''); };
xhr.send(formData);
}
/* === STS (disabled) === */
function transformVoice(blob) {
setRecStatus('transformiere...'); var formData = new FormData(); formData.append('audio', blob, 'recording.webm'); formData.append('model_id', 'eleven_english_sts_v2');
var url = 'https://api.elevenlabs.io/v1/speech-to-speech/' + encodeURIComponent(getActiveVoiceId()) + '?output_format=mp3_44100_128';
var xhr = new XMLHttpRequest(); xhr.open('POST', url, true); xhr.responseType = 'blob'; xhr.setRequestHeader('xi-api-key', ttsApiKey);
xhr.onload = function() { if (xhr.status === 200) { playBlob(xhr.response, function() { setRecStatus('bereit'); }); } else { setRecStatus('STS-Fehler ' + xhr.status); } };
xhr.onerror = function() { setRecStatus('STS nicht erreichbar'); }; xhr.send(formData);
}
/* ============================================================
CALL MODE
============================================================ */
function callStartListening() {
if (!callActive || callPaused) return;
if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) { addCallStatus('\u274C Mikrofon nicht verfuegbar', 'end'); return; }
setCallPhaseUI('listening'); audioChunks = [];
addCallStatus('\u{1F3A4} Hoere zu... sprich jetzt', 'listening');
var constraints = new Object(); constraints.audio = true; constraints.video = false;
navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
callStream = stream;
callAudioCtx = new (window.AudioContext || window.webkitAudioContext)();
var source = callAudioCtx.createMediaStreamSource(stream);
callAnalyser = callAudioCtx.createAnalyser(); callAnalyser.fftSize = 512; source.connect(callAnalyser);
mediaRecorder = new MediaRecorder(stream); isRecording = true;
mediaRecorder.ondataavailable = function(e) { if (e.data.size > 0) { audioChunks.push(e.data); } };
mediaRecorder.onstop = function() { isRecording = false; };
mediaRecorder.start(250);
var silenceStart = null, hasSpoken = false;
function checkVolume() {
if (!callActive || callPhase !== 'listening' || callPaused) return;
var dataArray = new Uint8Array(callAnalyser.frequencyBinCount); callAnalyser.getByteFrequencyData(dataArray);
var sum = 0; for (var vi = 0; vi < dataArray.length; vi++) { sum += dataArray[vi]; } var avg = sum / dataArray.length;
if (avg > SILENCE_THRESHOLD) { hasSpoken = true; silenceStart = null; }
else if (hasSpoken) { if (!silenceStart) { silenceStart = Date.now(); } else if (Date.now() - silenceStart > SILENCE_DURATION) { callStopListening(); return; } }
if (callActive && callPhase === 'listening' && !callPaused) { setTimeout(checkVolume, 100); }
}
setTimeout(checkVolume, 500);
}).catch(function() { addCallStatus('\u274C Mikrofon verweigert', 'end'); callEndAll(); });
}
function callStopListening() {
if (mediaRecorder && isRecording) { mediaRecorder.stop(); }
if (callStream) { var tracks = callStream.getTracks(); for (var t = 0; t < tracks.length; t++) { tracks[t].stop(); } callStream = null; }
if (callAudioCtx) { callAudioCtx.close(); callAudioCtx = null; }
setTimeout(function() {
if (audioChunks.length === 0) { if (callActive && !callPaused) { callStartListening(); } return; }
setCallPhaseUI('processing');
addCallStatus('\u{1F504} Verarbeite deine Sprache...', 'processing');
var bt = new Object(); bt.type = 'audio/webm'; var blob = new Blob(audioChunks, bt);
transcribeAudio(blob, function(text) {
if (!text || !callActive) { if (callActive && !callPaused) { callStartListening(); } return; }
var chatInput = document.getElementById('chatInput'); var chatSend = document.getElementById('chatSend');
if (chatInput && chatSend) {
chatInput.value = text;
setCallPhaseUI('waiting');
addCallStatus('\u{23F3} Helikon denkt nach...', 'processing');
chatSend.click();
}
});
}, 300);
}
function callReleaseMic() {
if (mediaRecorder && isRecording) { try { mediaRecorder.stop(); } catch(e) {} }
if (callStream) { var tracks = callStream.getTracks(); for (var t = 0; t < tracks.length; t++) { tracks[t].stop(); } callStream = null; }
if (callAudioCtx) { try { callAudioCtx.close(); } catch(e) {} callAudioCtx = null; }
}
function callPause() {
callPaused = true;
callReleaseMic();
setCallPhaseUI('paused');
addCallStatus('\u{23F8} Anruf pausiert \u2014 Mikrofon aus', 'paused');
pauseBtnLabel.textContent = 'Weiter';
pauseIcon.innerHTML = '▶';
logDiag('CALL: Pausiert');
updateButtons();
}
function callResume() {
callPaused = false;
pauseBtnLabel.textContent = 'Pause';
pauseIcon.innerHTML = '❚❚';
updateButtons();
addCallStatus('\u{1F3A4} Anruf fortgesetzt', 'listening');
logDiag('CALL: Fortgesetzt');
setTimeout(function() { if (callActive && !callPaused && !isSpeaking) { callStartListening(); } }, 300);
}
function callEndAll() {
callActive = false; callPaused = false; callPhase = 'idle';
window.helikonCallMode = false;
callReleaseMic();
stopAudio(); stopCallTimer(); updateButtons();
setCallPhaseUI('idle');
callTimerEl.textContent = '0:00';
pauseBtnLabel.textContent = 'Pause';
pauseIcon.innerHTML = '❚❚';
logDiag('CALL: Beendet (' + formatTime(callSeconds) + ')');
}
/* === PLAY BUTTONS === */
function getBuddyText(el) {
var clone = el.cloneNode(true); var btns = clone.querySelectorAll('.tts-play-btn');
for (var r = 0; r < btns.length; r++) { btns[r].parentNode.removeChild(btns[r]); }
return clone.textContent || clone.innerText || '';
}
function addPlayButton(msgEl) {
var playBtn = document.createElement('span'); playBtn.className = 'tts-play-btn';
playBtn.textContent = '\u25B6 vorlesen'; playBtn.title = 'Nachricht vorlesen';
playBtn.onclick = function() {
if (isSpeaking && playBtn.className.indexOf('playing') !== -1) { stopAudio(); playBtn.textContent = '\u25B6 vorlesen'; playBtn.className = 'tts-play-btn'; return; }
stopAudio(); var allBtns = document.querySelectorAll('.tts-play-btn.playing');
for (var b = 0; b < allBtns.length; b++) { allBtns[b].textContent = '\u25B6 vorlesen'; allBtns[b].className = 'tts-play-btn'; }
playBtn.textContent = '\u25A0 stopp'; playBtn.className = 'tts-play-btn playing';
speak(getBuddyText(msgEl), function() { playBtn.textContent = '\u25B6 vorlesen'; playBtn.className = 'tts-play-btn'; });
};
msgEl.appendChild(playBtn);
}
function isBuddyMessage(node) {
if (!node.className) return false;
var cls = node.className;
return (cls.indexOf('chatMsg') !== -1 && cls.indexOf('buddy') !== -1 && cls.indexOf('typing') === -1);
}
/* === CHAT OBSERVER === */
function watchChat() {
var chatLog = document.getElementById('chatLog');
if (!chatLog) { setTimeout(watchChat, 500); return; }
var existing = chatLog.querySelectorAll('.chatMsg.buddy');
for (var e = 0; e < existing.length; e++) { if (!existing[e].querySelector('.tts-play-btn')) { addPlayButton(existing[e]); } }
if (typeof MutationObserver !== 'undefined') {
var observer = new MutationObserver(function(mutations) {
for (var m = 0; m < mutations.length; m++) {
var added = mutations[m].addedNodes;
for (var n = 0; n < added.length; n++) {
var node = added[n];
if (node.nodeType !== 1) continue;
if (isBuddyMessage(node)) {
(function(el) {
setTimeout(function() {
if (!el.querySelector('.tts-play-btn')) { addPlayButton(el); }
var msgText = getBuddyText(el).replace(/^\s+|\s+$/g, '');
if (callActive && (callPhase === 'waiting' || callPhase === 'processing')) {
if (msgText) {
setCallPhaseUI('speaking');
speak(msgText, function() {
if (callActive && !callPaused) {
addCallStatus('\u{1F3A4} Dein Turn...', 'listening');
setTimeout(function() { if (callActive && !callPaused) { callStartListening(); } }, 400);
} else if (callActive && callPaused) {
addCallStatus('\u{23F8} Pausiert \u2014 dr\u00FCcke Weiter', 'paused');
setCallPhaseUI('paused');
}
});
}
else { if (callActive && !callPaused) { callStartListening(); } }
return;
}
if (ttsActive && ttsApiKey && getActiveVoiceId()) { if (msgText) { speak(msgText); } }
}, 200);
})(node);
}
}
}
});
var obsConfig = new Object(); obsConfig.childList = true; obsConfig.subtree = false;
observer.observe(chatLog, obsConfig);
}
}
/* === TOGGLE HANDLERS === */
ttsBtn.onclick = function() {
if (!ttsApiKey || !getActiveVoiceId()) { logDiag('TTS: API-Key/Voice fehlt!'); return; }
if (callActive) return;
ttsActive = !ttsActive; updateButtons();
logDiag('TTS: ' + (ttsActive ? 'aktiviert' : 'deaktiviert'));
};
stsBtn.onclick = function() { logDiag('STS: deaktiviert'); };
sttBtn.onclick = function() {
if (!ttsApiKey) { logDiag('STT: API-Key fehlt!'); return; }
if (callActive) return;
sttActive = !sttActive; updateButtons();
setRecStatus(sttActive ? 'bereit' : '');
logDiag('STT: ' + (sttActive ? 'aktiviert' : 'deaktiviert'));
};
searchBtn.onclick = function() {
searchActive = !searchActive; window.helikonSearchEnabled = searchActive; updateButtons();
logDiag('Wiki-Suche: ' + (searchActive ? 'an' : 'aus'));
};
callHeroBtn.onclick = function() {
if (!ttsApiKey || !getActiveVoiceId()) { logDiag('CALL: API-Key/Voice fehlt!'); return; }
if (callActive) {
callEndAll();
addCallStatus('\u260E Anruf beendet (' + formatTime(callSeconds) + ')', 'end');
addChatMsg('[Anruf beendet \u2014 ' + formatTime(callSeconds) + ']', 'system');
return;
}
callActive = true; callPaused = false;
ttsActive = false; sttActive = false; stsActive = false;
window.helikonCallMode = true;
updateButtons(); startCallTimer();
addChatMsg('[Anruf gestartet \u2014 sprich jetzt...]', 'system');
addCallStatus('\u260E Verbunden! Sprich jetzt...', 'listening');
logDiag('CALL: Gestartet');
callStartListening();
};
callPauseBtn.onclick = function() {
if (!callActive) return;
if (callPaused) { callResume(); } else { callPause(); }
};
recBtn.onclick = function() {
if (isRecording) { stopRecording(); return; }
if (sttActive) {
startRecording(function(blob) {
setRecStatus('transkribiere...');
transcribeAudio(blob, function(text) {
if (text) { var ci = document.getElementById('chatInput'); if (ci) { ci.value = text; ci.focus(); } addChatMsg('[STT] ' + text, 'system'); setRecStatus(text.substring(0, 40) + (text.length > 40 ? '...' : '')); }
else { setRecStatus('kein Text erkannt'); }
});
});
}
};
/* ============================================================
BOOT SEQUENCE
============================================================ */
logDiag('Lade Page Properties...');
fetchAllProperties(function(props) {
ttsApiKey = props['buddy.ttsapikey'] || '';
voiceId = props['buddy.ttsvoiceid'] || '';
modelId = props['buddy.ttsmodel'] || 'eleven_multilingual_v2';
VOICES[0].id = voiceId;
/* SYS */
setDiag(dSys, dSysVal, 'ok', 'ONLINE');
logDiag('SYS: Template geladen');
/* API — show key identifier */
setTimeout(function() {
if (ttsApiKey) {
var keyId = ttsApiKey.substring(0,4) + '..' + ttsApiKey.substring(ttsApiKey.length - 4);
setDiag(dApi, dApiVal, 'ok', keyId);
logDiag('API: Key ' + keyId + ' geladen');
} else {
setDiag(dApi, dApiVal, 'err', 'FEHLT');
logDiag('API: KEIN KEY! buddy.ttsapikey setzen');
}
}, 200);
/* VOICE */
setTimeout(function() {
if (voiceId) {
var vId = voiceId.substring(0,6) + '..';
setDiag(dVoice, dVoiceVal, 'ok', vId);
logDiag('VOICE: ID ' + vId + ' geladen');
} else {
setDiag(dVoice, dVoiceVal, 'err', 'FEHLT');
logDiag('VOICE: KEINE ID! buddy.ttsvoiceid setzen');
}
}, 400);
/* PROVIDER */
setTimeout(function() {
setDiag(dProvider, dProviderVal, 'ok', 'ELEVENLABS');
logDiag('PROVIDER: ElevenLabs API v1');
}, 500);
/* MODEL */
setTimeout(function() {
var shortModel = modelId.replace('eleven_', '').replace('multilingual_', 'multi_');
setDiag(dModel, dModelVal, 'ok', shortModel);
logDiag('MODEL: ' + modelId);
}, 600);
/* CREDITS — initially unknown, validated on first TTS call */
setTimeout(function() {
if (ttsApiKey && voiceId) {
setDiag(dCredits, dCreditsVal, 'warn', 'UNGETESTET');
logDiag('CREDITS: Wird bei erstem TTS-Call geprueft');
} else {
setDiag(dCredits, dCreditsVal, 'err', 'NICHT PRUEFBAR');
logDiag('CREDITS: Kann nicht pruefen ohne Key/Voice');
}
}, 800);
/* FINAL */
setTimeout(function() {
if (ttsApiKey && voiceId) {
logDiag('\u2705 System bereit. Alle Systeme operational.');
} else {
logDiag('\u26A0 System teilweise bereit. Konfiguration pruefen.');
}
}, 1000);
if (typeof console !== 'undefined') {
console.log('=== HELIKON VOICE v6.3 ===');
console.log('Key: ' + (ttsApiKey ? ttsApiKey.substring(0,8) + '...' : 'FEHLT'));
console.log('Voice 1: ' + (voiceId || 'FEHLT'));
console.log('Voice 2: ' + VOICES[1].id);
console.log('Model: ' + modelId);
}
window.helikonSearchEnabled = searchActive;
window.helikonCallMode = false;
updateButtons(); selectVoice(0); watchChat();
});
})();
NoElements {}
|
