diff --git a/components/audioplayer.md b/components/audioplayer.md
new file mode 100644
index 0000000..51609be
--- /dev/null
+++ b/components/audioplayer.md
@@ -0,0 +1,91 @@
+---
+noindex: false
+comments: false
+#author: HaPe
+#author_tools: hape
+#level: beginner
+#article_type: info
+#date: 2019-10-28
+last_updated: 2019-10-28
+title: Komponente Audioplayer
+description: 'iStream Tools - Komponente Audioplayer'
+keywords: 'Audioplayer, Mediaplayer, Soundeffekte, Stream, Tool'
+
+---
+
+# Audioplayer
+
+
+Mit dem Audioplayer kannst Du Deine Zuschauer mit Soundeffekten oder ein bisschen Fahrstuhlmusik
+ unterhalten. Der Audioplayer ist nicht sichtbar. Du kannst mehrere Audioplayer einbinden und
+ unabhängig voneinander steuern. Mach einen für knackige Soundeffekte, einen für unterhaltende
+ Musik unde noch einen für ....
+
+
+## Audiplayer einrichten
+
+Um einen Audioplayer einzurichten wählst Du einen bereits vorhandenen Audioplayer aus oder erstellst
+ mit dem Add-Button einen neuen Audioplayer und wählst anschliessend diesen aus.
+
+Es stehen Dir nun folgende Einstellungen zur Verfügung:
+
+**Über die generelle Konfiguration:**
+
+- Den Namen des Audioplayers anpassen.
+- Die Startlautstärke festlegen.
+- Das aktuelle Setup des Audiplayers löschen.
+
+**Die Standard-Buttons:**
+
+- Lautstärke reduzieren
+- Pause
+- Lautstärke erhöhen
+- Schnellzugriff niedrige Lautstärke
+- Loop
+- Schnellzugriff obere Lautstärke
+
+**Button Audio (-datei) abspielen:**
+
+- Datei per Drag n Drop oder Auswahl hochladen
+- Name des Buttons anpassen
+- Lautstärke für diese Datei festlegen
+- Farbe des Buttons festlegen
+- Datei löschen.
+
+## Lautstärke Einstellungen
+
+Wenn Du mehrere Audiodateien, womöglich noch aus unterschiedlichen Quellen hast, dann wird Dir
+ vermutlich schon aufgefallen sein, dass diese Dateien selten den gleichen Lautstärkepegel haben.
+ Die eine Datei ist ein bisschen leiser als die restlichen Dateien und eine andere Datei ist ein
+ bisschen lauter als die restlichen. Diesen Unterschied über den Mixer in der Encodersoftware
+ auszugleichen ist etwas mühsam. Zudem kann es auch vorkommen, dass man vergisst den passenden
+ Lautstärkepegel über den Mixer einzustellen.
+
+Mit dem Audioplayer kann man diesen Umstand ausgleichen. Man kann einen Standardlautstärkepegel
+ einstellen. Und die Medien erhalten ihren individuellen Lautstärkepegel. Der individuelle
+ Lautstärkepegel ist immer eine Angabe im Verhältnis zur Grundlautstärke. Daraus wird die
+ tatsächliche Lautstärke errechnet. So kann im optimalen Fall ein stetiges nachregeln im Mixer
+ vermieden werden.
+
+Alle Lautstärkeangaben werden in Prozent angegeben. Angenommen, du stellst die Grundlautstärke auf
+ 80% ein, und die Lautstärke der Datei ebenfalls auf 80%, dann ist die tatsächliche Lautstärke
+ 64%. Die tatsächliche Lautstärke berechnet sich `(80/100) * (80/100) * 100`
+
+Um das System zu verdeutlichen gehen wir einfach mal davon aus, Du hast 3 Audiodateien. Eine davon
+ ist genau richtig abgemischt (Audio1). Eine ist etwas zu leise (Audio2), und die letzte ist etwas
+ zu laut (Audio3). Du richtest nun die Grundlautstärke auf 80% ein. Audio1 bekommt ebenfalls 80%.
+ Audio2, die etwas zu leise ist, bekommt 120% und Audio3, die etwas zu laut ist, bekommt 60%.
+ Daraus ergeben sich folgende Werte für die tatsächliche Lautstärke.
+
+- Audio1 64% (80/100 * 80/100 * 100)
+- Audio2 96% (120/100 * 80/100 * 100)
+- Audio3 48% (60/100 * 80/100 * 100)
+
+Das schaut in Zahlen ein bisschen nach Misch Masch aus, wenn aber die richtigen Einstellungen
+ ausgewählt werden, erscheinen alle 3 Dateien gleich laut, obwohl sie unterschiedlich abgemischt
+ sind.
+
+## in OBS einbinden
+
+Der Audioplayer enthält keine visuellen Komponenten. Du kannst ihn direkt in Deine Szene oder in
+ eine Subszene einbinden. Grössenangaben haben keinen Einfluss auf die Funktionsweise der App.
diff --git a/components/console.md b/components/console.md
new file mode 100644
index 0000000..06d7405
Binary files /dev/null and b/components/console.md differ
diff --git a/components/index.md b/components/index.md
new file mode 100644
index 0000000..2a059e6
--- /dev/null
+++ b/components/index.md
@@ -0,0 +1,90 @@
+# Komponenten
+
+
+Hier siehst Du eine Übersicht der Komponenten und Anwendungen zu iStream Tools. Abgesehen von den
+Komponenten, die Du auf streamtool.net findest und die Du in Deine Streams einbinden kannst, gibt es
+noch einige eigenständige Internetauftritte, die speziell für iStream Tools erstellt wurden und die
+das Angebot ergänzen. Die Auflistung findest Du weiter unten.
+
+
+## Slides / Präsentationen
+
+Mit den Slides kannst Du, mit nur wenigen Klicks, Präsentationen zusammenstellen. Du kannst sie aber
+ auch für andere Effekte in Deinem Stream oder in Deinen Videos verwenden. So lassen sich mit den
+ Slides auch "Lowerthirds", "Imageslider", wechselnde Hintergründe und Overlays, Intros und
+ Abspann erstellen. Du kannst verschiedene Slides erstellen und diese miteinander kombinieren.
+
+## Prompter / Teleprompter
+
+Der Teleprompter wird in einem extra Browserfenster gestartet. Du kannst die Schrift sowohl
+ horizontal als auch vertikal spiegeln. Die Geschwindigkeit und die Schriftgrösse können jederzeit
+ eingestellt werden.
+
+## Ticker / Laufschrift
+
+Der typische Ticker. Du kannst den Ticker während des Streams ergänzen, ausblenden, wieder
+ einblenden, Farben und Geschwindiglkeit einstellen. Du kannst mehrere Ticker erstellen und diese
+ unabhängig voneinander steuern.
+
+## Audioplayer
+
+Mit dem Audioplayer kannst Du Deine Zuschauer mit Soundeffekten oder ein bisschen Fahrstuhlmusik
+ unterhalten. Der Audioplayer ist nicht sichtbar. Du kannst mehrere Audioplayer einbinden und
+ unabhängig voneinander steuern. Mach einen für knackige Soundeffekte, einen für unterhaltende
+ Musik unde noch einen für ....
+
+## Videoplayer
+
+Mit dem Videoplayer bekommst Du Videos direkt in Deinen Stream. Du kannst die Videos uploaden und
+ dann mit einem Klick mit der Maus oder einem Tap auf dem Tablet, je nachdem wie du die Console
+ geöffnet hast, starten. Du kannst Dir so wechselnde Hintergründe einrichten und oder "Beep-Videos"
+ einblenden. Kein mühsames suchen auf Youtube und keine Werbeeinblendungen mehr.
+
+### OBS Remote & OBS Bridge
+
+Die OBS Bridge ist die Schnittstelle zwischen OBS-Studio und den Streamtools. Sobald die OBS Bridge
+ eingerichtet ist, lassen sich in OBS Remote die gewünschten Schalter einrichten, mit denen man
+ die Szenen, Quellen, Gruppen und Filter in OBS- Studio steuern kann.
+
+## Console / Kontroller / C&C
+
+Die Leitzentrale. Sozusagen. Du kannst dir mehrere Consolen einrichten und den Link an einen Freund
+ oder Moderator weitergeben. Dieser kann dann für Dich die Regie übernehmen. Du kannst die Consolen
+ im Browser, auf dem Tablet oder dem Smartphone öffnen und bedienen. Wie Dir beliebt.
+
+## zusätzliche Internetangebote
+
+Folgende Internetangebote stehen ebenfalls zur Verfügung. Sie ergänzen das Angebot der iStream
+ Tools. Manche werden automatisch in den iStream Tools verwendet. Bei einigen kannst Du dich direkt
+ bedienen oder auch mitwirken.
+
+### stid.cc
+
+Die Sicherheit verlangt es, dass man die Links gegen Missbrauch absichert. Sonst könnte ejmand den
+ Link evtl. erraten und so den Stream stören oder den MessageBus blockieren. Eine Registrierung
+ soll aber vermieden werden, damit ein einfaches verwenden der Apps und Consolen möglich ist. Die
+ Konsequenz daraus sind sehr lange Links. Damit man aber mit diesen langen Links nicht hantieren
+ muss, gibt es den Url-Shortener. Er erzeugt sehr kurze Links, die aus ein paar Buchstaben und
+ Zahlen bestehen. Die Links werden automatisch generiert und werden auf der Seite Links angeboten.
+ Du musst also nichts weiter tun.
+
+### stlib.cc
+
+Mit stlib.cc entsteht eine Media-Bibliothek für Bilder, Videos und Audiodateien. Alle dort
+ aufgelisteten Dateien sind copyrightfrei. Du kannst sie frei in den Anwendungen und Komponenten
+ der iStream Tools verwenden.
+
+### space1.cc
+
+Space #1 ist eine PasteBin Anwendung. Man kann dort sehr schnell und einfach sogenannte Codesnippets
+ eintragen und auch wieder abrufen. Diese Codesnippets eignen sich sehr gut als Templates für z.B.
+ die Slides, die auch in einer HTML-Ansicht bearbeitet werden können. Wenn du das für dich richtige
+ Template auf Space #1 findest, brauchst Du es schon nicht mehr selbst zusammenstellen. Zeit
+ gespart!
+
+### quiro.net
+
+Quiro ist der zentrale Helpdesk. Wenn Du einen Fehler melden möchtest oder in den iStream Tools
+ nicht weiter kommst, dann kannst Du im Helpdesk direkt eine Anfrage starten oder Du sendest
+ einfach eine Email an help@streamtool.net. Auf Quiro gibt unter anderem auch ein Forum zu den
+ iStream Tools.
diff --git a/components/obsbridge.md b/components/obsbridge.md
new file mode 100644
index 0000000..5938184
--- /dev/null
+++ b/components/obsbridge.md
@@ -0,0 +1,78 @@
+---
+noindex: false
+comments: false
+#author: HaPe
+#author_tools: hape
+#level: beginner
+#article_type: info
+#date: 2019-10-28
+last_updated: 2020-06-30
+title: Komponente OBS Bridge
+description: 'iStream Tools - Komponente OBS Bridge'
+keywords: 'Audioplayer, Mediaplayer, Soundeffekte, Stream, Tool, OBS-Studio'
+
+---
+
+# OBS Bridge
+
+Die OBS Bridge ist die Schnittstelle zwischen OBS-Studio und den Streamtools. Sobald die OBS Bridge
+ eingerichtet ist, lassen sich in OBS Remote die gewünschten Schalter einrichten, mit denen man
+ die Szenen, Quellen, Gruppen und Filter in OBS-Studio, von der Console aus, steuern kann.
+
+Um diese Funktionalität nutzen zu können, muss in OBS-Studio zuerst das [Websocket-Plugin](https://github.com/Palakis/obs-websocket/releases) installiert
+ und eingerichtet werden. Sobald Du das Plugin auf Deinem System eingerichtet, und OBS-Studio neu
+ gestartet hast, findest Du im Menü `Werkzeuge` den zusätzlichen Menüpunkt `Websocket-Servereinstellungen`.
+ Über diesen Müpunkt öffnest Du einen Dialog, mit dem Du die Parameter für den Websocket einstellen
+ kannst. Die Voreinstellungen sind `Port: 4444` und `kein Passwort`. In den meisten Fällen kann man
+ diese Voreinstellungen unverändert stehen lassen.
+
+
+
+
+
+Nachdem der Websocket eingerichtet ist, kannst Du die OBS Bridge von Streamtool einrichten. Im OBS-Studio
+ Gehst Du im Menü zu `Ansicht` -> `Docks` -> `Benutzerdefinierte Browser-Docks`. In dem Dialog vergibst Du
+ einen Namen und trägst die Url zur OBS Bridge ein. Den Link findest Du im Userbereich unter `Links`. Hast
+ Du alles eingetragen, die Änderungen speichern. Der Dialog schliesst sich von alleine.
+
+
+
+
+
+Nun sollte ein weiterer Menüpunkt im Untermenü `Ansicht` -> `Docks` angezeigt werden.
+
+
+
+Wähle den neuen Menüpunkt aus, und es erscheint nun ein dialog mit der OBS Bridge (Bild unten). Überprüfe die
+ Felder `Port` und `Passwort`. Hier müssen die gleichen Daten verwendet werden, wie zuvor beim Einrichten
+ des Websockets eingetragen. Die Defaultwerte sind `Port: 4444` und `kein Passwort`.
+
+
+
+Sobald Du den Schalter `Save & Connect` betätigst, wird anhand der eingegbenen Daten eine Verbindung
+ zum Websocket-Server, also eine Verbindung zu OBS selbst, hergestellt. Wenn die Verbindung hergestellt
+ werden konnte, dann siehst Du zwei grüne Punkte und ein pulsierendes Herz. Das sind die Statusinformationen
+ und zeigen an, dass alles wie gewünscht funktioniert.
+
+
+
+Du kannst den Dialog nun noch in die Oberfläche von OBS "eindocken". Die folgenden Bilder geben dir eine
+ wie das geht. Du kannst den Dialog fast überall in der Oberfläche verankern. Du kannst das ganze auch
+ auf die wesentlichen Statusinformationen minimieren.
+
+Wenn Du die OBS Bridge auf diese Art in der Oberfläche von OBS verankerst, dann wird die Verbindung zwischen
+ Streamtool und OBS mit dem Start von OBS hergestellt. Du musst dann nichts mehr weiter machen.
+
+
+
+
+
+
+
+Um die OBS Bridge zu schliessen und damit auch die Verbindung zum Websocket zu trennen, musst Du einfach nur
+ auf den `Schlissen Button` (Kreuz rechts oben) klicken. Aber bitte immer daran denken, ohne OBS Bridge kann
+ OBS Remote nicht funktionieren!
+
+
+
+
diff --git a/components/obsremote.md b/components/obsremote.md
new file mode 100644
index 0000000..2458033
--- /dev/null
+++ b/components/obsremote.md
@@ -0,0 +1,57 @@
+---
+noindex: false
+comments: false
+#author: HaPe
+#author_tools: hape
+#level: beginner
+#article_type: info
+#date: 2019-10-28
+last_updated: 2020-06-30
+title: Komponente OBS Remote
+description: 'iStream Tools - Komponente OBS Remote'
+keywords: 'Audioplayer, Mediaplayer, Soundeffekte, Stream, Tool, OBS-Studio'
+
+---
+
+# OBS Remote
+
+**Achtung: OBS Remote funktioniert nur, wenn die [OBS Bridge](/docs/obsbridge.html) eingerichtet
+ und aktiviert wurde.**
+
+Mit OBS Remote lassen sich alle Szenen, Quellen, Gruppen und Filter in OBS aktivieren bzw.
+ deaktivieren. Dazu werden die Daten aus OBS-Studio mit dem Schalter `OBS Import` importiert.
+ Jedes Element wird dann als ein Schalter angezeigt. Diese Schalter lassen sich dann auf
+ der Console beliebig anordnen.
+
+
+
+
+Damit es nicht zu unübersichtlich wird, wenn sehr viele Elemente in OBS eingerichtet wurden,
+ sind Gruppen- und Filter-Elemente zunächst verdeckt. Können aber mit einem Klick auf das
+ entsprechende Symbol auf dem Schalter angezeigt werden.
+
+
+
+
+Jeder Schalter enthält einen oder mehrere Options-Schalter mit zusätzlichen Möglichkeiten.
+ Oben Rechts ist der Schalter, mit dem festgelegt wird, ob der Schalter in der Auswahlliste
+ der Console auftauchen soll. Unten Rechts sind die Symbole für Gruppe und Filter angeordnet.
+ Das Filter-Symbol ist ein Trichter und das Gruppensymbol sind mehrere Layer. Wenn für ein
+ Element Filter eingerichtet sind, dann wird dieser zusätzliche Options-Schalter, mit dem die
+ zugehörigen filter angezeigt werden können, angezeigt. Enthält ein Element weitere Unterelemente
+ `Gruppe`, dann wird der Options-Schalter für Gruppen-Elemente angezeigt.
+
+
+
+
+
+Die eingerichteten Schalter können nun mit allen anderen Schaltern auf der Console angeordnet
+ und bedient werden.
+
+
+
+
+
+Und stehen von nun an auf der console zur Verfügung.
+
+