Wir bringen Webseiten zum Leben. Als Webagentur experimentieren wir ständig mit neuen Technologien. Keine vorgefertigten Plugins. Wir demonstrieren Granular Synthesis, Pitch-Shifting und Voice Activity Detection – alles in nativem JavaScript.

Der Sprechende Kaktus in Javascript

🌵 LUNA KAKTUS

Aufnehmen und mit verstellter Stimme nachplappern
Mikrofon ist aus
TONHÖHE (Pitch) 1.5
GESCHWINDIGKEIT (Speed) 1.3
Empfindlichkeit 20
Stopp-Delay (ms) 800

Wie funktioniert der sprechende Kaktus?

AudioWorklet

Die Signalverarbeitung läuft in einem komplett eigenen Thread. Selbst wenn die Haupt-Webseite durch Animationen oder Scrollen beschäftigt ist, bleibt das Audio kristallklar und stotterfrei.

Granular Processing

Wir implementieren einen Custom-DSP-Algorithmus direkt im Worklet. Durch zirkuläre Buffer und variable Lese-Pointer verändern wir die Tonhöhe in Echtzeit, ohne externe Libraries.

AudioParams

Parameter wie der „Pitch Factor“ werden sample-genau an den Audio-Thread übergeben. Das ermöglicht extrem weiche Übergänge bei der Steuerung.

Entwickelt mit Fokus auf Qualität

Unter dem Label Luna Universe entwickeln wir WordPress-Plugins, die nicht nur funktionieren, sondern auch höchsten Ansprüchen genügen.

Leichtgewichtig

Kein unnötiger Code. Das Plugin ist auf maximale Performance optimiert und verlangsamt die Webseite nicht.

Einfaches Interface

Ein klares und überschaubares Admin-Menü ohne überflüssige Einstellungen. Aktivieren und fertig.

Sicherheit im Fokus

Nach modernen WordPress-Sicherheitsstandards entwickelt, um die Webseite zu schützen.

Keine Werbung

Dieses Plugin ist und bleibt frei von Werbung, Trackern oder externen Abhängigkeiten.

Zentrale Updates

Updates werden sicher und bequem über einen eigenen Plugin-Server direkt in das WordPress-Dashboard geliefert.

Hilfe bei WordPress Webseiten in Mainz

FAQs für LU-Kaktus
Häufige Fragen

createScriptProcessor läuft im Main-Thread und verursacht Audio-Aussetzer (Glitches), wenn das UI blockiert. AudioWorklet läuft in einem dedizierten Audio-Thread, was eine sample-genaue, unterbrechungsfreie Verarbeitung garantiert.

Nein. Die gesamte Signalkette (VAD, Aufnahme, Pitch-Shifting) läuft 100% client-seitig im Browser via Web Audio API. Es werden keine Audiodaten an einen Server übertragen.

Wir analysieren den RMS (Root Mean Square) des Input-Buffers in Echtzeit. Überschreitet dieser einen definierten Threshold (z.B. 20), startet die State-Machine die Aufnahme. Ein Hysteresefilter verhindert vorzeitiges Stoppen bei kurzen Pausen.

Durch Granular-Synthese im Circular Buffer. Der Schreib-Pointer speichert Input-Daten linear, während der Lese-Pointer mit variabler Geschwindigkeit (Pitch-Faktor) liest. Sprünge werden geglättet, um Artefakte zu minimieren.

Die interne Latenz beträgt im AudioWorklet typischerweise weniger al3ms (bei 128 Sample Buffern). Die Gesamtlatenz wird primär durch die eingestellte ‚Stop-Delay‘ der VAD bestimmt, bevor die Wiedergabe triggert.

Die Web Audio API arbeitet nativ mit 32-Bit Fließkommazahlen (-1.0 bis +1.0). Dies bietet genügend dynamischen Headroom für DSP-Operationen ohne Clipping-Gefahr vor der DAC-Wandlung.

Wir nutzen Modulo-Arithmetik für die Lese- und Schreib-Pointer (index % bufferLength). Dadurch wird der Buffer als unendlicher Ring behandelt.

Ja, der AudioContext übernimmt die Sample Rate des Host-Systems (meist 44.1kHz oder 48kHz). Alle Zeitberechnungen (z.B. Delays) sind relativ zur context.sampleRate implementiert.

Raw PCM (Pulse Code Modulation) innerhalb der Processing-Chain. Für temporäre Speicherung im MediaRecorder wird Opus (in einem OGG-Container) verwendet, um RAM zu sparen.

Ja, AudioWorklet ist seit 2021 in allen modernen Browsern (Chrome, Firefox, Safari Edge) Standard. Ein Polyfill ist nicht mehr notwendig.

Exklusiv für Vertragskunden

Das LU KAKTUS Plugin steht nicht zum öffentlichen Verkauf oder Download bereit.

Es ist ein fester und kostenloser Bestandteil des Wartung & Support-Vertrages, der nach Erstellung einer Webseite durch uns abgeschlossen werden kann.

Bitte beachten Sie: Kunden, deren Webseite nicht von uns erstellt wurde, können leider keinen Wartung & Support-Vertrag abschließen.

Über den Autor

Jörg

Jörg, Gründer und kreativer Kopf von Sodah, ist seit 1998 (einem der Gründungsjahre des modernen Webs) die treibende Kraft der Agentur. Als CTO und Senior-Entwickler verbindet er jahrzehntelange technische Expertise mit der Vision eines Senior-Designers. Er ist der Architekt hinter der tiefen Spezialisierung auf das Avada-Theme und leitet das Unternehmen mit einer klaren Mission: technisch brillante und ästhetisch herausragende Komplettlösungen für den digitalen Erfolg zu schaffen.

Kontaktieren Sie uns
Jetzt mit uns durchstarten!

  • 06133 – 579 24 40
  • Ihre Kontaktanfrage
  • Telefonisches Erstgespräch
  • Analysebesprechnung
  • Angebotserstellung
Kontakt für Webagentur in Mainz

Kostenfreie Erstberatung anfragen

  • Wir verwenden Ihre Angaben zur Beantwortung Ihrer Anfrage. Weitere Informationen finden Sie in unseren Datenschutzhinweisen.