• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 170
  • Last Modified:

Speak the text on a page

I want to create a simple web page that, when it runs, the computer "speaks" the text on the web page.

For example, I have Microsoft Narrator (an accessible tool for the blind) and it speaks the words on the web page, but it also speaks EVERYTHING about the browser, the URL, what menu options are available, etc.  I just want it to speak the text I have written.

I am pretty sure there should be a way to do this.  I would imagine there are some web pages that cater to the blind community.
0
Tom Knowlton
Asked:
Tom Knowlton
  • 2
  • 2
2 Solutions
 
torimarCommented:
You can control the Opera browser completely via voice commands:
http://help.opera.com/Windows/11.50/en/voice.html

I've never done that nor installed the required libraries, but to me it sounds like the "Read" command will actually only read text on the page.
Additionally, you will have commands like "move down", "scroll down", "next heading" and "next element" to quickly navigate to the place you wish to hear.

As this is a feature that the browser needs to support, I don't think you can control it from the developing or server side.
0
 
Tom KnowltonWeb developerAuthor Commented:
I don't want a page the understands spoken commands.  But that is very interesting to find out that Opera has some support for it.

I want a page that will read the text on a web page (or the alt property for an <img> tag, for example) -- but not like Microsoft Narrator, which reads EVERYTHING on the screen.
0
 
torimarCommented:
I understood what you meant.
Opera not only reacts to spoken commands, but also reads the text for you. I thought that would result from checking the link I posted.

If you are interested in accessibility for the blind, then blind people not only need to hear the text, they also need to be able to get there in the first place - which is why Opera supports voice both actively and passively.
0
 
leakim971PluritechnicianCommented:
may help : http://jsfiddle.net/wJa4f/


<textarea cols="80" rows="3">I want to create a simple web page that, when it runs, the computer speaks the text on the web page.</textarea>
<br />
<script>
    var text = document.getElementsByTagName("textarea")[0].value.replace(/\s/g,"+");
    document.write('<iframe src="http://translate.google.com/translate_tts?q=' + text + '" style="display:none"></iframe>');
</script>
<br />

Open in new window

0
 
Tom KnowltonWeb developerAuthor Commented:
thx!
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now