responsivevoice - 我必须将 html 元素内的文本读给声音机器人

Question

responsivevoice.org 我无法按照自己的意愿进行文字语音服务。 网站上没有详细解释

我不想使用 我想使用的示例。我不想选择机器人。它应该只会说土耳其语男性。我应该怎么做？</p> <pre><code><div id = "text-read"> one two tree four five </div> <button onclick="responsiveVoice.speak('text-read');" type="button" value="Play">Play</button> </code></pre> <p>我想让它用按钮阅读内容。 感谢您的关注</p> <p>资源：<br> <a href="https://responsivevoice.org/api" rel="nofollow noreferrer">https://responsivevoice.org/api</a> <br> <a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-play-button" rel="nofollow noreferrer">https://responsivevoice.org/text-to-speech-sdk/text-to-speech-play-button</a> <br> <a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-widget" rel="nofollow noreferrer">https://responsivevoice.org/text-to-speech-sdk/text-to-speech-widget</a><br></p> </section> <div> <section class="answer"> <p><code>speak</code>函数的第一个参数表示要说的文字，第二个参数定义语音：</p> <pre><code>responsiveVoice.speak('bir, i̇ki, üç', 'Turkish Male'); </code></pre> <p>如果你想获取某些 HTML 元素中的文本，<i>you have to query it first, then get its text content</i> 最后将其传递给函数：</p> <pre><code>var element = document.getElementById('text-read'); var text = element.innerText; responsiveVoice.speak(text, 'Turkish Male'); </code></pre> </section> <section class="answer"> <pre><code><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> </code></pre> </section> </div> </div> <div class="line"></div> <div id="footer">©2023 WhoseBug</div> </body> </html>