-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfaq.html
More file actions
370 lines (369 loc) · 31.3 KB
/
Copy pathfaq.html
File metadata and controls
370 lines (369 loc) · 31.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
<!DOCTYPE html>
<html data-lang="de" lang="de">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="Häufig gestellte Fragen (FAQ) zu PupCid's Little TikTool Helper. Installation, Konfiguration, Troubleshooting und Support für TikTok LIVE Streamer." name="description"/>
<title data-i18n="website.faq.text.001">FAQ - PupCid's Little TikTool Helper</title>
<link href="/assets/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
<link href="/assets/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
<link href="/assets/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
<link href="/manifest.json" rel="manifest"/>
<meta content="#12a116" name="theme-color"/>
<!-- Hreflang Tags for Language Alternates -->
<link href="https://ltth.app/faq.html" hreflang="de" rel="alternate"/>
<link href="https://ltth.app/faq.html?lang=en" hreflang="en" rel="alternate"/>
<link href="https://ltth.app/faq.html?lang=fr" hreflang="fr" rel="alternate"/>
<link href="https://ltth.app/faq.html?lang=es" hreflang="es" rel="alternate"/>
<link href="https://ltth.app/faq.html" hreflang="x-default" rel="alternate"/>
<link href="https://ltth.app/faq.html" rel="canonical"/>
<link href="/css/main.css" rel="stylesheet"/>
<link href="/css/layout.css?v=mobile-20260713d" rel="stylesheet"/>
<style>
.faq-item h3 { color: #0d7a10 !important; }
.faq-item p, .faq-item li { color: #42464a !important; }
.faq-item a { color: #0d7a10 !important; }
.faq-item:focus-within { outline: 3px solid rgba(18, 161, 22, .5); outline-offset: 3px; }
</style>
<link rel="stylesheet" href="/css/site-v2.css?v=mobile-20260713d">
</head>
<body class="site-v2">
<a class="skip-to-content" data-i18n="faq.a.1" href="#main-content">Skip to main content</a>
<section class="hero" id="main-content">
<div class="container">
<h1 class="hero-title text-center" data-i18n="faq.hero.title">Häufig gestellte <span class="hero-highlight" data-i18n="faq.span.3">Fragen</span></h1>
<p class="hero-description text-center" data-i18n="faq.hero.description" style="max-width: 700px; margin-left: auto; margin-right: auto;">
Antworten zu Lizenzmodell, Login, Installation und Support für ltth.app.
</p>
</div>
</section>
<section>
<div class="container" style="max-width: 900px;">
<!-- Getting Started Section -->
<div style="margin-bottom: var(--space-12);">
<h2 data-i18n="faq.h2.5" style="color: var(--color-primary); margin-bottom: var(--space-6); text-align: center;">🚀 Erste Schritte</h2>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border); transition: all var(--transition-base);">
<h3 data-i18n="faq.h3.6" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.7" style="font-size: var(--text-2xl);">💰</span>
Was kostet ltth.app?
</h3>
<p data-i18n="faq.p.8" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>ltth.app ist ein Freemium-Produkt.</strong> Die Einführung kostet 5 €/Monat oder 1,50 €/Monat bei Jahreszahlung als Promo bis 01.10.2026. Danach gelten 10 €/Monat oder 99 €/Jahr. Wer vorher den günstigeren Plan bucht, behält ihn solange das Abo aktiv bleibt.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.9" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.10" style="font-size: var(--text-2xl);">☁️</span>
Was ist der Windows Launcher?
</h3>
<p data-i18n="faq.p.11" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
Der Windows Launcher ist eine kleine Windows-Anwendung, die LTTH automatisch herunterlädt, installiert und auf dem neuesten Stand hält. Er bietet automatische Updates, Rollback zu vorherigen Versionen und ein integriertes Version-Management. Alle Daten werden in <code style="background: var(--color-bg); padding: 2px 6px; border-radius: 4px;">%LOCALAPPDATA%\LTTH\</code> gespeichert.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.12" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.13" style="font-size: var(--text-2xl);">⚠️</span>
Warum erscheint eine SmartScreen-Warnung?
</h3>
<p data-i18n="faq.p.14" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
Der Windows Launcher ist code-signiert. SmartScreen kann bei neuen oder wenig verbreiteten Releases dennoch eine Reputationswarnung anzeigen. Prüfe Herausgeber und Download-Adresse; nutze ausschließlich die offizielle LTTH-Download-Seite oder GitHub Releases.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.15" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.16" style="font-size: var(--text-2xl);">🍎</span>
Gibt es LTTH für macOS oder Linux?
</h3>
<p data-i18n="faq.p.17" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
Der Windows Launcher ist derzeit nur für Windows verfügbar. macOS- und Linux-Support ist in Planung. LTTH selbst läuft auf allen Plattformen, aber die automatische Installation über den Launcher gibt es vorerst nur für Windows.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.18" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.19" style="font-size: var(--text-2xl);">💻</span>
Welche Betriebssysteme werden unterstützt?
</h3>
<p data-i18n="faq.p.20" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
Der <strong data-i18n="docs.a.5">Windows Launcher</strong> unterstützt <strong>Windows 10 und Windows 11</strong>.<br/><br/>
Die automatische Installation über den Launcher ist die empfohlene Methode für Windows-Nutzer. Siehe <a data-i18n="faq.a.21" href="/download.html" style="color: var(--color-primary); text-decoration: underline;">Download-Seite</a> für Details.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.22" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.23" style="font-size: var(--text-2xl);">📦</span>
Wie installiere ich das Tool?
</h3>
<p data-i18n="faq.p.24" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Empfohlen:</strong> Lade den <a data-i18n="faq.a.25" href="/downloads/launcher.exe" style="color: var(--color-primary); text-decoration: underline;">Windows Launcher</a> herunter und führe ihn aus. Der Launcher installiert LTTH automatisch und hält es aktuell.<br/><br/>
Weitere Details findest du auf der <a data-i18n="faq.a.26" href="/download.html" style="color: var(--color-primary); text-decoration: underline;">Download-Seite</a>.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.27" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.28" style="font-size: var(--text-2xl);">🔑</span>
Muss ich Login-Daten eingeben?
</h3>
<p data-i18n="faq.p.29" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Für die lokale App nein, für den App Store ja.</strong> Du benötigst für die lokale Nutzung nur deinen TikTok-Username (ohne @). Der App Store erfordert ein Login/Konto. Das Tool liest nur öffentlich verfügbare LIVE-Stream-Daten.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.30" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.31" style="font-size: var(--text-2xl);">🚀</span>
Was bedeutet "Beta-Version"? Ist das Tool stabil?
</h3>
<p data-i18n="faq.p.32" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Ja, das Tool ist produktionsreif und voll funktionsfähig!</strong> "Beta" bedeutet, dass aktiv neue Features entwickelt werden und wir Feedback sammeln. Alle Hauptfunktionen (TTS, Alerts, Soundboard, Plugins, OBS-Integration) funktionieren zuverlässig. Gelegentliche Bugs können auftreten - melde sie einfach auf <a data-i18n="faq.a.33" href="https://github.com/Loggableim/ltth.app/issues" style="color: var(--color-primary); text-decoration: underline;" target="_blank">GitHub</a> und wir beheben sie schnell!
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.34" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.35" style="font-size: var(--text-2xl);">👥</span>
Wie kann ich zur Community beitragen?
</h3>
<p data-i18n="faq.p.36" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
Es gibt viele Möglichkeiten:<br/>
• <strong>GitHub Star</strong> geben und das Projekt weiterempfehlen<br/>
• <strong data-i18n="beta.notice.reportBugs">Bugs melden</strong> und Features vorschlagen<br/>
• <strong data-i18n="home.plugins.card8.title">Eigene Plugins</strong> entwickeln und teilen<br/>
• <strong>Anderen helfen</strong> in GitHub Discussions<br/>
Besuche die <a data-i18n="faq.a.37" href="/community.html" style="color: var(--color-primary); text-decoration: underline;">Community-Seite</a> für mehr Infos!
</p>
</div>
</div>
<!-- Technical Fragen -->
<div style="margin-bottom: var(--space-12);">
<h2 data-i18n="faq.h2.38" style="color: var(--color-primary); margin-bottom: var(--space-6); text-align: center;">⚙️ Technisches</h2>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.39" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.40" style="font-size: var(--text-2xl);">🎥</span>
Funktioniert das Tool mit OBS?
</h3>
<p data-i18n="faq.p.41" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Ja, vollständige OBS-Integration!</strong><br/>
• Transparente Full-HD-Overlays (1920x1080) als Browser-Source<br/>
• OBS WebSocket v5 für Szenen-Steuerung via Gifts/Chat<br/>
• Separate Browser-Source-URLs für Goals<br/>
• HUD-Konfiguration mit Drag & Drop<br/>
Siehe <a data-i18n="faq.a.42" href="/features/#obs-integration" style="color: var(--color-primary); text-decoration: underline;">OBS-Integration Features</a>
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.43" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.44" style="font-size: var(--text-2xl);">🔌</span>
Brauche ich Node.js?
</h3>
<p data-i18n="faq.p.45" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
Der Launcher bringt alle erforderlichen Komponenten mit. Du musst dich um nichts kümmern.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.46" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.47" style="font-size: var(--text-2xl);">🔒</span>
Werden meine Daten in die Cloud hochgeladen?
</h3>
<p data-i18n="faq.p.48" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Nein, die lokale App bleibt lokal!</strong> Alle Daten bleiben auf deinem Computer. Für den App Store ist jedoch ein Login erforderlich. Optional ist Cloud-Sync für Configs geplant (opt-in mit voller Kontrolle).
</p>
</div>
</div>
<!-- Troubleshooting -->
<div style="margin-bottom: var(--space-12);">
<h2 data-i18n="faq.h2.49" style="color: var(--color-primary); margin-bottom: var(--space-6); text-align: center;">🔧 Problemlösung</h2>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.50" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.51" style="font-size: var(--text-2xl);">❌</span>
TikTok-Verbindung schlägt fehl - was tun?
</h3>
<p data-i18n="faq.p.52" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Häufige Lösungen:</strong><br/>
✅ Du musst bereits LIVE sein auf TikTok (nicht im Preview)<br/>
✅ Username muss korrekt sein (ohne @)<br/>
✅ Firewall/Antivirus könnte Verbindung blockieren<br/>
✅ Port 3000 muss verfügbar sein<br/>
✅ Probiere Auto-Reconnect (wird automatisch versucht)<br/><br/>
Mehr Hilfe: <a data-i18n="faq.a.53" href="/docs.html#troubleshooting" style="color: var(--color-primary); text-decoration: underline;">Troubleshooting-Guide</a>
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.54" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.55" style="font-size: var(--text-2xl);">🔊</span>
TTS funktioniert nicht - kein Ton?
</h3>
<p data-i18n="faq.p.56" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Checkliste:</strong><br/>
✅ TTS-Plugin aktiviert? (Dashboard → Plugins)<br/>
✅ System-Lautstärke nicht auf Stumm?<br/>
✅ Standard-Audiogerät korrekt eingestellt?<br/>
✅ TTS-Volume im Dashboard hochgedreht?<br/>
✅ Probiere Test-Button im TTS-Admin-Panel<br/><br/>
Wenn nichts hilft: <a data-i18n="faq.a.57" href="/support.html" style="color: var(--color-primary); text-decoration: underline;">Support kontaktieren</a>
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.58" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.59" style="font-size: var(--text-2xl);">🚀</span>
Wie aktualisiere ich das Tool?
</h3>
<p data-i18n="faq.p.60" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
Der Launcher prüft automatisch bei jedem Start auf Updates. Wenn ein Update verfügbar ist, wird dir eine Benachrichtigung angezeigt und du kannst mit einem Klick aktualisieren.<br/><br/>
<strong>Automatisch:</strong> Der Launcher zeigt verfügbare Updates automatisch an und lädt sie auf Wunsch herunter.
</p>
</div>
</div>
<!-- Features & Plugins -->
<div style="margin-bottom: var(--space-12);">
<h2 data-i18n="faq.h2.61" style="color: var(--color-primary); margin-bottom: var(--space-6); text-align: center;">🎨 Features & Plugins</h2>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.62" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.63" style="font-size: var(--text-2xl);">🔌</span>
Kann ich eigene Plugins erstellen?
</h3>
<p data-i18n="faq.p.64" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Ja, vollständig unterstützt!</strong> Das Plugin-System ist komplett dokumentiert. Du kannst Plugins erstellen mit:<br/>
• Express-Routes für APIs<br/>
• Socket.io-Events für Real-time-Kommunikation<br/>
• TikTok-Event-Callbacks<br/>
• Eigene Admin-UIs<br/><br/>
Siehe <a data-i18n="faq.a.65" href="/plugins.html" style="color: var(--color-primary); text-decoration: underline;">Plugin-Dokumentation</a> für Beispiele und API-Reference.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.66" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.67" style="font-size: var(--text-2xl);">🎮</span>
Funktioniert VRChat-Integration?
</h3>
<p data-i18n="faq.p.68" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Ja, via OSC-Bridge Plugin!</strong> Steuere deinen VRChat-Avatar mit TikTok-Events:<br/>
• Wave-Geste bei Gifts<br/>
• Celebrate-Animation bei großen Spenden<br/>
• Dance, Hearts, Confetti-Effekte<br/>
• Bidirektionale Kommunikation<br/>
• Latenz < 50ms<br/><br/>
Siehe OSC-Bridge Plugin im Dashboard für Setup.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.69" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.70" style="font-size: var(--text-2xl);">🎯</span>
Wie funktioniert das Flow-System?
</h3>
<p data-i18n="faq.p.71" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Flows = Automatisierung ohne Code!</strong> Erstelle "Wenn-Dann"-Regeln:<br/>
• <strong>Trigger:</strong> TikTok-Events (Gift, Follow, Chat, etc.)<br/>
• <strong>Bedingungen:</strong> Gift-Value, Username, Text-Match (mit Regex)<br/>
• <strong>Actions:</strong> TTS, Alerts, Sounds, OBS-Szenen, Webhooks<br/><br/>
Beispiel: "Wenn Rose-Gift → TTS 'Danke für Rose' + OBS Szene wechseln"
</p>
</div>
</div>
<!-- Legal & Community -->
<div style="margin-bottom: var(--space-8);">
<h2 data-i18n="faq.h2.72" style="color: var(--color-primary); margin-bottom: var(--space-6); text-align: center;">📜 Legal & Community</h2>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.73" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.74" style="font-size: var(--text-2xl);">⚖️</span>
Verstößt das Tool gegen TikTok's Terms of Service?
</h3>
<p data-i18n="faq.p.75" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Nein.</strong> Das Tool liest nur öffentlich verfügbare TikTok LIVE-Daten ohne Login. Es ist vergleichbar mit StreamElements, Streamlabs etc. für Twitch. Keine Account-Manipulation, nur Lesen von öffentlichen Events. Kein TOS-Verstoß.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.76" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.77" style="font-size: var(--text-2xl);">🐛</span>
Wie kann ich Bugs melden oder Features vorschlagen?
</h3>
<p data-i18n="faq.p.78" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
Öffne ein Issue auf GitHub: <a data-i18n="faq.a.79" href="https://github.com/Loggableim/ltth.app/issues" style="color: var(--color-primary); text-decoration: underline;">GitHub Issues</a><br/><br/>
<strong>Bug-Report:</strong> Beschreibe das Problem, Steps to Reproduce, Screenshots<br/>
<strong>Feature-Request:</strong> Erkläre den Use-Case und warum es hilfreich wäre<br/><br/>
Wir freuen uns über Feedback! Das Tool ist in Beta und dein Input hilft enorm.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.80" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.81" style="font-size: var(--text-2xl);">💻</span>
Kann ich zum Projekt beitragen?
</h3>
<p data-i18n="faq.p.82" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
<strong>Ja, Contributions sind willkommen!</strong><br/>
• Feedback und Issues auf <a data-i18n="faq.a.83" href="https://github.com/Loggableim/ltth.app/issues" style="color: var(--color-primary); text-decoration: underline;">GitHub Issues</a><br/>
• Plugin-Entwicklung und Sharing<br/>
• Wiki-Dokumentation verbessern<br/>
• Bug-Reports und Testing<br/>
• Community-Support im Discord/GitHub<br/><br/>
Siehe die Community-Richtlinien in der Community-Seite.
</p>
</div>
</div>
<!-- AI & Data -->
<div style="margin-bottom: var(--space-12);">
<h2 data-i18n="faq.h2.84" style="color: var(--color-primary); margin-bottom: var(--space-6); text-align: center;">🤖 KI & Daten</h2>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.85" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.86" style="font-size: var(--text-2xl);">🤖</span>
Was ist AnimazingPal?
</h3>
<p data-i18n="faq.p.87" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
AnimazingPal ist ein KI-gestütztes Plugin, das VTuber-Avataren ein Gedächtnis und eine Persönlichkeit verleiht. Es erinnert sich an Zuschauer, generiert kontextuelle Antworten über GPT (4o-mini oder 5 Nano) und batchet Events für natürlichen Sprachfluss. Es enthält 5 vordefinierte Streamer-Persönlichkeiten und einen Custom Personality Creator.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.88" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.89" style="font-size: var(--text-2xl);">🔑</span>
Brauche ich einen OpenAI API-Key?
</h3>
<p data-i18n="faq.p.90" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
Ja, für die AnimazingPal Brain Engine und Response Engine wird ein OpenAI API-Key benötigt. GPT-4o-mini und GPT-5 Nano werden unterstützt. Der Key wird sicher und persistent im user_data/-Ordner gespeichert und überlebt Updates.
</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.91" style="color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2);">
<span data-i18n="faq.span.92" style="font-size: var(--text-2xl);">💾</span>
Werden meine Daten beim Update überschrieben?
</h3>
<p data-i18n="faq.p.93" style="color: var(--color-text-secondary); margin: 0; line-height: 1.8;">
Nein. Alle Benutzerdaten, Einstellungen, Plugin-Konfigurationen und API-Keys werden im user_data/- und user_configs/-Ordner gespeichert und überleben Updates. Vor jedem Update wird automatisch ein Backup erstellt.
</p>
</div>
</div>
<div style="margin-bottom: var(--space-12);">
<h2 data-i18n="faq.h2.100" style="color: var(--color-primary); margin-bottom: var(--space-6); text-align: center;">🧭 Neue Feature- und Supportfragen</h2>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.101" style="color: var(--color-primary);">Wo finde ich die neuen Tutorials?</h3>
<p data-i18n="faq.p.102" data-i18n-html style="color: var(--color-text-secondary); line-height: 1.8;">Auf jeder Feature-Seite gibt es jetzt einen Praxisleitfaden mit Voraussetzungen, Einrichtung, Konfiguration, Test und Troubleshooting. Die Übersicht ist unter <a href="/features/">/features/</a> verfügbar.</p>
</div>
<div class="faq-item" style="background: var(--color-surface); padding: var(--space-6); border-radius: var(--radius-xl); margin-bottom: var(--space-4); border: 1px solid var(--color-border);">
<h3 data-i18n="faq.h3.103" style="color: var(--color-primary);">Wie melde ich Support-Probleme?</h3>
<p data-i18n="faq.p.104" style="color: var(--color-text-secondary); line-height: 1.8;">Für LTTH-Support bitte im PupCid-Bereich des Multistreamer-Discords posten oder ein Ticket eröffnen. Für reproduzierbare Bugs kann zusätzlich ein GitHub-Issue mit Logs und Schritten erstellt werden.</p>
</div>
</div>
<!-- Still have questionsí -->
<div style="background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light)); padding: var(--space-8); border-radius: var(--radius-xl); text-align: center; color: white;">
<h3 data-i18n="faq.h3.94" style="margin-bottom: var(--space-4); color: white;">Noch Fragen?</h3>
<p data-i18n="faq.p.95" style="margin-bottom: var(--space-6); opacity: 0.95; line-height: 1.8;">
Wenn du hier keine Antwort findest, schau in der <a data-i18n="faq.a.96" href="/docs.html" style="color: white; text-decoration: underline;">Dokumentation</a> nach oder kontaktiere uns via <a data-i18n="faq.a.97" href="/support.html" style="color: white; text-decoration: underline;">Support</a>.
</p>
<div style="display: flex; gap: var(--space-4); justify-content: center; flex-wrap: wrap;">
<a data-i18n="faq.a.98" href="/docs.html" style="display: inline-block; background: white; color: var(--color-primary); padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
📖 Dokumentation
</a>
<a data-i18n="faq.a.99" href="/support.html" style="display: inline-block; background: rgba(255,255,255,0.2); color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600; border: 2px solid white;">
💬 Support
</a>
</div>
</div>
</div>
</section>
<script src="/js/main.js"></script>
<script src="/js/i18n.js"></script>
<script src="/js/layout.js?v=mobile-20260713d"></script>
<script>
document.addEventListener('DOMContentLoaded', async () => {
if (window.LTTHLayout) await LTTHLayout.init();
if (window.I18n) I18n.init(window.__ltthLang || 'de');
});
</script>
</body>
</html>