Laat je tekst spreken

De originele “Say It” is al ruim 5 jaar niet meer geupdate en onveilig gebleken.
De plugin stuurde vaak requests naar een externe server om audiobestanden (MP3’s) te genereren of op te slaan. Dat is tegenwoordig helemaal niet meer nodig en vormt een onnodig veiligheidsrisico.

Dan is het een verstandige keuze om zelf de controle terug te pakken, zeker als een oude plugin een veiligheidsrisico op de server vormt.

Voor My Sayit bouwde ik een veilige, server-less oplossing.
De Web Speech API die standaard in alle moderne browsers is ingebouwd, wordt gebruikt. De server doet hierbij niets anders dan de HTML renderen.
De browser van de bezoeker doet het rekenwerk en leest de tekst voor. Hierdoor is er nul kans op een lek via tijdelijke bestanden of externe API’s op jouw hosting.

De plugin kan op de downloadpagina gedownload worden.

Installatie & Testen

  1. Upload de plugin zip file in de plugins pagina wp-admin/plugins.php.
  2. Of unzip de zip file en plaats ze via FTP in je plugins map my-sayit.
  3. Ga in je WordPress dashboard naar Plugins en activeer My Sayit.
  4. De shortcodes in al je oude berichten werken onmiddellijk weer, zonder dat je ook maar één post hoeft aan te passen.
  5. Indien je nog geen shortcodes hebt dan staat hieronder een voorbeeld.

Voorbeeld

[sayit block="1" lang="nl-NL" speed="1"]ik schrijf[/sayit]
[sayit block="1" lang="nl-NL" speed="1"]jij schrijft[/sayit]
[sayit block="1" lang="nl-NL" speed="1"]hij schrijft[/sayit]
[sayit block="1" lang="nl-NL" speed="1"]zij schrijft[/sayit]
[sayit block="1" lang="nl-NL" speed="1"]het schrijft[/sayit]
[sayit block="1" lang="nl-NL" speed="1"]wij schrijven[/sayit]
[sayit block="1" lang="nl-NL" speed="1"]jullie schrijven[/sayit]
[sayit block="1" lang="nl-NL" speed="1"]u schrijft[/sayit]
[sayit block="1" lang="nl-NL" speed="1"]zij schrijven[/sayit]

Zie ook mijn pagina Taal om de Nederlandse taal te leren

Deze oplossing werkt direct out-of-the-box voor de bestaande lay-out van je werkwoordvervoegingen. Als je op een van de regels klikt (zoals ik begrijp), leest hij het meteen in de Nederlandse stem van het OS voor.

CSS styling

.my-sayit-button {
  transition: background-color 0.3s ease-in-out!important;
}
.my-sayit-button:hover {
  color:white!important;
  background-color: #4CAF50!important;
  cursor: pointer!important; 
}

Wel het geluid aanzetten !

Archief