ReadSpeaker: Laat de inhoud van je website voorlezen

ReadSpeaker doet wellicht al een belletje rinkelen want de service gaat al een tijdje mee. De service kan eenvoudig geïntegreerd worden op een website om zodoende functionaliteit aan te bieden aan bezoekers om de tekst op een pagina voor te laten lezen door een mannelijke of vrouwelijke stem.

Momenteel is ReadSpeaker beschikbaar in het Amerikaans Engels, Brits Engels, Zweeds, Frans, Duits, Nederlands, Spaans, Italiaans en Portugees. Voor kleine persoonlijke en bedrijfswebsites en voor blogs is er een gratis webReaderdienst uitgebracht. Nadeel van deze gratis variant is wel dat er elke keer als er op afspelen wordt geklikt eerst wordt aangekondigd dat de service wordt aangeboden door ReadSpeaker.

De implementatie gaat als volgt. Ga als eerste naar de website om een gratis account aan te maken. In de eerste stap maak je een eigen account aan waarvoor je naam, e-mailadres en wachtwoord benodigd is. Het 'Free' pakket kan maximaal ingezet worden voor één website voor één taal. Bij het 'Free' pakket heb je maximaal 4 uur spreektijd.

Klik dan op volgende en voer vervolgens de URL van je website in. Eronder kies de juiste taal en selecteer of je een mannelijke of vrouwelijke stem prefereert. Eronder kies het platform zoals bijvoorbeeld WordPress, Joomla of Blogger. Kies je voor een bestaand platform dan volgt er een unieke code die in een standaard plugin van ReadSpeaker ingevoerd moet worden. De beschikbare plugins zijn hier te downloaden.

Other website platform

In het geval van de keuze 'Other website platform' volgen de stappen om de service in je website te implementeren. De eerste stap is het plaatsen van een code in het <head> gedeelte van je website. De code hieronder, op de plaats van de XX hoort de unieke code.

<script language="javascript" type="text/javascript" src="http://wr.readspeaker.com/webreader/webreader.js.php?cid=XXXXXXXXXXXXXXXXXXXX"></script>

De volgende stap is het plaatsen van de widget zelf. Plak de gegeven code met ook daarin je unieke ID op de plaats waar je de widget wilt gaan tonen. De code ziet er als volgt uit.

<a href="http://wr.readspeaker.com/webreader/webreader.php?cid=XXXXXXXXXXXXXXXXXXXX&amp;t=web_free&amp;title=readspeaker&amp;url=" onclick="readpage(this.href+escape(document.location.href),1); return false;"><img src="http://media.readspeaker.com/images/webreader/listen_nl_nl.gif" style="border-style: none;"  title="" alt="" /></a><div id="WR_1"></div>

Als laatste bepaal je middels HTML comments welk gedeelte precies voorgelezen moet worden om zodoende dus standaard elementen uit te sluiten. Dit doe je door de inhoud van een pagina te voorzien van een start en een eind.

<!-- RSPEAK_START -->
Het artikel
<!-- RSPEAK_STOP -->