2025-10-30 Neue Sprachsteuerung auf unserer Webseite

eingetragen in: Aktuelles 0

Liebe Heimatfreunde,

schön, dass ihr unsere Seite besucht! Als besondere Ergänzung haben wir für euch ein neues Sprachsteuerungs-Programm entwickelt, das auf ausgewählten Seiten verfügbar ist.

Unten rechts findet ihr ein Mikrofonsymbol. Wenn ihr darauf klickt, färbt es sich grün – und ihr könnt euch die Texte über die Funktion „Vorlesen“ anhören.

Möchtet ihr die Wiedergabe beenden, klickt einfach erneut auf den Button, der dann wieder grün leuchtet, und sprecht den Befehl „Stopp“.

Darüber hinaus stehen euch noch weitere Sprachbefehle zur Verfügung.
Wenn ihr mehr darüber erfahren möchtet, klickt erneut auf den Button und sagt „Hilfe“ – dann erhaltet ihr zusätzliche Informationen zur Nutzung der Sprachsteuerung.

Wir wünschen euch viel Spaß beim Ausprobieren und ein schönes Wochenende!

Euer
Heimatverein Struthütten

Update: 2025-11-28

🗣️ Sprachsteuerung V12.5 – Intelligente Navigation per Stimme

Hauptfunktionen auf einen Blick

Die Sprachsteuerung ist Ihr intuitives Werkzeug, um Ihre Website barrierefrei und komfortabel zu bedienen. Sie kombiniert moderne Spracherkennung mit visuellen Hilfen und bietet umfangreiche Anpassungsmöglichkeiten.

Feature Beschreibung
Sprachbefehle Steuern Sie die Navigation, rufen Sie externe Dienste auf und führen Sie Aktionen aus.
Live-Hervorhebung Verfolgen Sie den vorgelesenen Text visuell Wort für Wort – im Google-Style. Funktioniert besonders gut auf dem PC (Desktop und Laptop) sowie bei kürzeren Textpassagen.
Individuelle Befehle Erstellen Sie bis zu 30 eigene Befehle für ihre Webseite mit spezifischen Seiten-URLs. 
Hilfebox-Design Modernes, klares Design in Blau/Gelb für Statusmeldungen und den Sprachsteuerungs-Button.

 

🎧 Interaktive Sprachausgabe & Visuelles Feedback

Die herausragendste Funktion ist die Kombination aus Sprachausgabe (Text-to-Speech) und visueller Rückmeldung:

1. Die Hilfebox

Eine modern gestaltete Hilfebox (#help-box) mit einem klaren blauen Design und einem auffälligen gelben Rahmen dient als zentrales Element. Sie zeigt den aktuellen Status der Spracherkennung an (z.B. „Zuhören…“, „Verarbeite…“ oder Fehlermeldungen) und ist so positioniert, dass sie stets gut erreichbar ist.

 

💬 Die Wichtigsten Sprachbefehle

Das Plugin ist mit einer Reihe nützlicher Standard-Befehle ausgestattet, die sofort funktionieren, sowie der Flexibilität, individuelle Befehle hinzuzufügen.

Standard-Befehle (Immer verfügbar)

  • 🎙️ Vorlesen / Lies vor: Startet die Sprachausgabe des sichtbaren Textes.

  • ⏸️ Pause / ▶️ Weiter / Fortsetzen: Steuert die Wiedergabe des Textes.

  • ⏹️ Stopp / Halt: Beendet die Sprachausgabe.

  • 🏠 Startseite / 📧 Kontakt: Navigiert direkt zu wichtigen Seiten.

  • 🔄 Neu laden: Lädt die aktuelle Seite neu.

  • 🔍 Google [Suchbegriff]: Führt eine Google-Suche durch.

  • 🤖 ChatGPT: Leitet den Nutzer zu einer definierten ChatGPT-Seite weiter.

  • 🌐 Übersetze [Text]: Aktiviert eine Übersetzungsfunktion (in der Regel über eine externe API oder URL).

Individuelle Befehle (Bis zu 30)

Im WordPress Admin-Bereich können Sie unter „Einstellungen → Sprachsteuerung“ bis zu 30 eigene Befehle für ihre Webseite mit spezifischen Seiten-URLs. definieren. Jedem Befehl weisen Sie eine spezifische interne oder externe URL zu. Dies ermöglicht eine extrem schnelle und intuitive Navigation zu den wichtigsten Inhalten Ihrer Website. 

 

⚙️ Technische Basis und Administration

Die Sprachsteuerung ist als WordPress-Plugin konzipiert:

  • Einfache Verwaltung: Alle Einstellungen, einschließlich der 25 individuellen Befehle und Farbanpassungen (via WordPress Color Picker), werden komfortabel über eine eigene Einstellungsseite im WordPress-Backend vorgenommen.

  • Technologie: Es nutzt moderne JavaScript-APIs (sprachsteuerung.js) für die Spracherkennung (Web Speech API) und die Text-Hervorhebung sowie PHP (sprachsteuerung-lothar-reuter.php) zur Verwaltung der Einstellungen.

  • Responsivität: Das Design ist dank der Optimierungen in hilfebox.css auch auf mobilen Geräten vollständig nutzbar.