Speak.js: Von Text zu Sprache mit HTML5 und JavaScript
Online-Demo zu Speak.js
Mit Speak.js den Browser sprechen lassen
Speak.js ist eine Portierung des Open-Source Sprachsynthesizers eSpeak von C++ zu JavaScript mit Hilfe von Emscripten. Dabei wird Text als String in eine wav-Datei umgewandelt. Die wav-Datei wird dann kodiert und als Daten-URL in ein HTML5 Audio-Element geladen, dass nativ vom Browser wiedergegeben werden kann. Auch wenn Speak.js bisher nicht auf Schnelligkeit ausgelegt ist, kann man über einen Einzeiler in JavaScript simpel Text in Sprachausgabe transformieren, nachdem man die JavaScript Bibliothek eingebunden und einen div-Tag für das Audio-Element im HTML-Markup ergänzt hat:
Speak.js in HTML einbinden
Zusätzlich ist es möglich, Optionen wie z.B. Lautstärke, Höhe, Geschwindigkeit oder Stimme für die Sprachausgabe festzulegen.
Speak.js Beispiel für zusätzliche Optionen
Speak.js unterstützt Mehrsprachigkeit. In der Online-Demo zu Speak.js kann man ausprobieren, wie sich englische und französische Texte in Sprache umwandeln lassen. Um bei eigenen Implementierungen mit Speak.js verschiedene Sprachen zu nutzen, kann man zusätzliche Sprachpakete einbinden. Speak.js kann je nach Bedarf mit oder ohne Web Worker verwendet werden.
Derzeit wird Speak.js nur von Firefox und Chrome unterstützt, da Safari, Opera und Internet Explorer bislang nichts mit Typed-Arrays anfangen können.
Was haltet ihr davon, euren Browser mit JavaScript zum Sprechen zu bekommen?
Weiterführende Links:
Bildnachweis für die Newsübersicht: aka streetfly jz / flickr.com, Lizenz: CC-BY