ReadSpeaker docReader can be implemented manually or automatically, together with webReader or as a standalone product.

Manual implementation of ReadSpeaker docReader

Download the ReadSpeaker docReader icon and upload it to your server.

Our recommendation is that the docReader buttons are placed directly after the link to the documents that should be speech enabled. To implement the button add the code below after the link to the document:

<a href="//docreader-[REGION].readspeaker.com/docreader/?cid=[CUSTOMER_ID]&lang=[LANGUAGE_CODE]&url=[ENCODED_URL]" onclick="window.open(this.href); return false;" rel="nofollow" target="_blank" title="Open this document with ReadSpeaker docReader" style="text-decoration: none; margin-left: 6px; color: #3333aa; font-weight: bold;"><img src="[IMAGE_URL]" style="border-style: none; vertical-align: text-bottom;" alt="ReadSpeaker"> Listen</a>

• Modify [ENCODED_URL] in the code to the encoded URL of the document that should be read.
• Modify [IMAGE_URL] in the code to the complete URL of the image that you uploaded earlier.

Automatic Implementation of docReader

To automatically add docReader to your content there is a Javascript that can be loaded together with the webReader implementation or standalone.

The script adds a docReader icon next to all documents that match a certain criteria. It may look like this:

The automatic docReader implementation is performed by adding the following (without quotes) to the end of the webReader script link:

"&dload=DocReader.AutoAdd"

Example:

<script src="//cdn-[REGION].readspeaker.com/script/[CUSTOMER_ID]/webReader/webReader.js?pids=wr&dload=DocReader.AutoAdd" 
type="text/javascript" id="rs_req_Init"></script>

The [CUSTOMER_ID] in the code is the customer id that is used for the webReader implementation. Please note that the default language for AutoDocreader is English (en_us). In case your documents are in another language the configuration needs to be changed.

Changing a language configuration can be done like this:

<script type="text/javascript">
<!--
window.rsDocReaderConf = {lang: 'de_de'};
-->
</script>

The language codes for more available languages are found in the the page Language configurations