Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Entwicklung & Design

Programmieren? So änderst du Webseiten per Sprachbefehl

Sprachsteuerung. (Foto: drestwn / Flickr Lizenz: CC BY 2.0)

Mit say_restyle.js könnt ihr die Inhalte und Styles einer Webseite per Sprachbefehl ändern. Wir haben uns die JavaScript-Library für euch angeschaut.

say_restyle.js: Webseiten per Sprachbefehl ändern

Schnell einen Text oder die Breite eines Elements auf einer Webseite ändern? An sich kein Problem aber müssen wir 2015 dafür wirklich noch die Tastatur bemühen und uns den Quellcode anschauen? Der US-Amerikaner Shaun Gallagher will diese Frage mit einem Nein beantworten. Seine JavaScript-Library say_restyle.js erlaubt es euch, diese und andere Änderungen per Sprachbefehl durchzuführen.

Um eine Änderung vorzunehmen, müsst ihr zunächst per Sprachbefehl ein Element auswählen. Alternativ dazu könnt ihr beispielsweise auch das größte Bild oder eine bestimmte Textstelle auf die Art auswählen. Anschließend könnt ihr je nach ausgewähltem Element die Größe, die Textgröße oder den Text per Sprachbefehl ändern.

Mit say_resytle.js verändert ihr Webseiten per Sprachbefehl. (Screenshot: say_resytle.js-Demo)
Mit say_restyle.js verändert ihr Webseiten per Sprachbefehl. (Screenshot: say_resytle.js-Demo)

say_restyle.js spricht auch mit euch

Über say_restyle.js könnt ihr euch per Sprachbefehl auch Informationen zu einem Element einholen. Fragt ihr beispielsweise nach der Breite eines Elements, wird euch say_restyle.js diese Information vorlesen. Wer möchte, kann sich auch das Change-Log in der Entwicklerkonsole anzeigen lassen.

Damit say_restyle.js euch versteht, müsst ihr sehr deutlich sprechen. So gut wie die Sprachassistenten von Google oder Apple ist das Ganze leider nicht. Zumal ihr die Änderungen mit einer Tastatur vermutlich nach wie vor deutlich schneller durchführen könntet. Somit bleibt say_restyle.js ehr ein interessantes Experiment als eine sinnvolle Anwendung. Dennoch ist es nicht uninteressant, einen Blick auf den Quellcode auf GitHub zu werfen.

Ebenfalls interessant in diesem Zusammenhang ist unser Artikel „Bau dir dein eigenes Siri: api.ai bietet dir ein Sprach-Interface für Apps und Gadgets“.

Bitte beachte unsere Community-Richtlinien

Schreib den ersten Kommentar!

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.