Welcome

This webpage showcases the features of the Texthelp SpeechStream Toolbar for HTML content.

Please make your selection from below:

 
>> Default Toolbar
>> Click to Speak
>> Pronunciation
>> Speak Custom Selections
>> MathML
>> Custom Toolbar
>> Hover Speech
>> Bubble Speech
>> Voice Selection
>> Flash Speech Sample
>> Load on Demand
>> iPad / Tablet Example
>> Sticky Notes Example
>> Vocabulary Builder






 

1. Default SpeechStream Toolbar

This shows the SpeechStream Toolbar with its default feature set. This includes click to speak, pause and resume functionality, colour highlight annotations and speech speed changing. Buttons are also provided to hide and show the toolbar.
Default SpeechStream Toolbar

Click here to open this sample

2. Hover speech

This page shows hover Speech, controlled by buttons turn the speech on and off, and to stop speech (Speech is on by default).
Hover Speech

Click here to open this sample

3. Click to Speak

This page shows Click to Speak, controlled by buttons turn the speech on and off, and to stop speech (Speech is on by default).

Click here to open this sample

4. Bubble Speech

This shows the SpeechStream bubble speech system. The "speech bubble" icon follows the mouse around the webpage. The user clicks the icon to start or stop speech on any unit of text.
Bubble Speech

Click here to open this sample

5. Pronunciation

This page provides a speech toolbar along with pronunciation controls, where you can create or edit a pronunciation rule for a word. Pronunciation edits here will affect all demo webpage's linked from this webpage.
Create Pronunciations Form

Click here to open this sample


7. Speak custom selections

This sample allows the text by read by making a custom selection in the page. This selection will be read through a sentence at a time. This also allows the reading of a part of a sentence, such as selecting an individual word to be read out. In the sample make a selection then press the green play button:

Click here to open this sample


8. Flash speech sample

This sample, from Discovery Education, shows how SpeechStream can integrate into a Flash application. This uses a Flash component rather than using the SpeechStream toolbar.

Click here to open this sample


9. MathML

This sample, from Mozilla's MathML example, shows how SpeechStream can be used to read MathML. Pages with MathML use the xhtml format. So currently it is only supported in Firefox. Internet Explorer can display the page with the Math Player plugin.

To use with Internet Explorer please install the MathPlayer plugin from http://www.dessci.com/




10. Load on demand

This shows a page where the toolbar is added when requested by the user. This means the files for the toolbar are only loaded in the pages where it is needed which significantly reduces the traffic from the server and increases the load time of the page for the user.

Click here to open this sample


11. Custom toolbar example on a customer site

Here is an example where a customer has created their own custom toolbar that uses the SpeechStream functionality. The SpeechStream toolbar's UI can be completely hidden and its functionality called entirely programmatically by the host page. This allows the page to use their own UI that is tailored for their site. The link below connects to an external site from texthelp.com.

External link to Cast.org site


12. iPad / Tablet Example

Here is an example configured for use on an iPad or tablet. Some of the toolbar features work differently from the standard web toolbar as the click events of an iPad or tablet necessitate a different user experience. The links below show two different configurations for iPads / tablets.

Hidden toolbar with Click to Speak enabled.
Toolbar with full features enabled.


13. Sticky Notes Example

This shows an example of the sticky notes feature. Click on the sticky notes icon then click on a sentence and add a note to the sentence. Refresh the page and you can see that the note is still on the page.

Sticky notes feature enabled


14. Vocabulary Builder Example

This shows an example of the vocabulary builder feature. Highlight individual words and then click on the Vocabulary Lookup icon to build a study sheet of words, definitions, visual symbol definitions and areas for taking notes.

Vocabulary Builder Example