ReadSpeaker listen function implementation
Application Type
Traditional Web

Hi,

I want to add readspeaker listen button on my website. Please can you guide me how can I implement with step by step.

ReadSpeaker Detail URL : https://wrdev.readspeaker.com/get-started/about-the-listen-function

Implementation steps

Requirements

  • Step 1 : add JavaScript
  • Step 2 : add Button code
  • Step 3 : Define the reading area
  • Step 4 :  Add the page on how to use the listen function (recommended)

Consider I need to inject Javascript for step 1

  1. Add the Javascript

Place this script inside the head-section, right before the closing <head>, on the pages or webpage template where the application is to be implemented.

<script src="xxxxxxxxxxxxx" type="text/javascript" id="rs_req_Init"></script>

Consider I need to add button with title LISTEN on step 2

<div id="button1" class="rsbtn_test">
<a rel="nofollow" class="rsbtn_play" accesskey="L" title="Listen to this page using ReadSpeaker webReader" href="xxxxxxxxxx&readid=maincontent ">
<span class="rsbtn_left rsimg rspart"><span class="rsbtn_text"><span>Listen</span></span></span>
<span class="rsbtn_right rsimg rsplay rspart"></span>
</a>
</div>

Example: To read the DIV with id="maincontent", use &readid=maincontent

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.