responsivevoice - I have to read the text inside the html element to the sound robot

Question

responsivevoice .org I couldn't do the text voice over service as I wanted. There is no detailed explanation on the website.

I don't want to use < textarea > The example I want to use. I don't want to choose a robot. It should only speak Turkish Male. How should I do this?

<div id = "text-read"> one two tree four five </div>

<button onclick="responsiveVoice.speak('text-read');" type="button" value="Play">Play</button>

I want it to read the contents with the button. Thank you for your interest

resources:
https://responsivevoice.org/api
https://responsivevoice.org/text-to-speech-sdk/text-to-speech-play-button
https://responsivevoice.org/text-to-speech-sdk/text-to-speech-widget

onclick="responsiveVoice.speak(text-read.textContent, 'Turkish Male')" — Frazer, May 30 '20 at 22:36

score 0 · Answer 1 · answered May 30 '20 at 23:06

<script src="https://code.responsivevoice.org/responsivevoice.js"></script>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
    <!-- Turkish  Man Or Women Voice -->            
    var element = document.getElementById('#erkekoku');
    var text = element.innerText || element.textContent;
    element.innerHTML = erkekoku;

    var element = document.getElementById('#erkekoku');
    var text = element.innerText;

    function manspeak(obj) {
    responsiveVoice.speak($('#erkekoku').text(), 'Turkish Male');
    };
    </script>

    <div id="erkekoku">Bu metni seslendirdim.</div>
    <button class="btn btn-primary" onclick="manspeak('article')">Play</button>

abc · Answer 2 · 2023-02-09T05:51:38.023

<html>
<head>   
<script src="https://code.responsivevoice.org/responsivevoice.js"></script>
<script>
    ResponsiveVoice.setDefaultVoice("Australian Male");
</script>
</head>
<body>



<button onclick="speakText();" type="button">Play</button>

<script>
function speakText() {
  var text = document.getElementById('text-read').innerText;
  responsiveVoice.speak(text, 'Australian Male');
}
</script>


<div id="text-read">
<h1> Heading1. </h1>
<h2> Heading2. </h2>
<ul>
<li> List
<li> One,
<li> Two,
<li> Three,
<li> Four.
</ul>
<p> Paragrah. </p>
</div>

score -1 · Accepted Answer · answered May 30 '20 at 20:56

The first parameter of the speak function represents the text to be spoken, the second one defines the voice:

responsiveVoice.speak('bir, i̇ki, üç', 'Turkish Male');

If you want to get the text that is inside some HTML element, you have to query it first, then get its text content and finally pass that to the function:

var element = document.getElementById('text-read');
var text = element.innerText;
responsiveVoice.speak(text, 'Turkish Male');

responsivevoice - I have to read the text inside the html element to the sound robot

3 Answers3