Text-To-Speech: whole page

Ionic Framework ionic-v3
1

Hi everyone,
I was searching for a code example to implement on my page. I need TTS but I couldn’t find what I was looking for.
I need this type of functionality:
A blind user is opening the app and the content of the page is goint to be read. So, despite of using the phone’s reading option, is there any code that does exactly what I need?
Any help with this?

Kind regards,
Stephanie

2

Hello,

maybe you looking for that. https://ionicframework.com/docs/native/text-to-speech/

Berst regards, anna-liebt

3

Hey Anna,
thank you for the link but it’s not what I am searching for.
I understood that this function only reads stuff you type in manually and after pressing a button the content is being read by a system-voice.

4

hello,

the plugin reads whatever and whenever you code it.

this.tts.speak(‘I speak every string, that my coder feeds to me’)

Yes, the quality is not really good with standard voice. Otherwise it depends on tts voice on phone.

Best regards, anna-liebt

5

oh great!
Could you give me a hint which HTML code I will have to use in my HTML-file, please? I have currently no idea…

Kind regards,
Stephanie

6

you can add language variables for the application, and thus make the app speak.

an example with a function.

readText(text): void {
		this.tts.speak({
				text: text,
				locale: 'es-ES',
				rate: 1.5 //ios 1.5
		})
		.then(() => console.log('Success'))
		.catch((reason: any) => console.log(reason));
	}

and execute it with a click, setTimeOut, or whatever