首页 > 解决方案 > responsivevoice - 我必须将 html 元素内的文本读给声音机器人

问题描述

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

我不想用 <textarea> 我想用的例子。我不想选择机器人。它应该只说土耳其男性。我该怎么做?

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

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

我希望它用按钮读取内容。感谢您的关注

资源:
https ://responsivevoice.org/api
https://responsivevoice.org/text-to-speech-sdk/text-to-speech-play-button
https://responsivevoice.org/text-to-speech- sdk/文本转语音小部件

标签: javascripthtmlapitext-to-speechresponsivevoice

解决方案


<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>

推荐阅读