H5Texttospeech

功能描述

将文本内容转为语音播报。
此功能初始想做语音聊天,发现语音聊天此功能不适用。后想到若是老年人用手机看不清文字的时候,点击下文本内容,自动将文本转化成语音播放,并且语音可调节播放速度,这样一来便方便许多。而且此功能使用JS,本身就小而轻便,故开发此功能。

快速使用

引用zknight_h5texttospeech_common.js。 在需要播放的位置添加单击事件

/**
 * 文字转语音 
 * 无论页面有多少需要播报的信息,仅一个DIV去放置播报源,每次播报重新加载播报信息
 * @param {Object} text 播报的文本
 * @param {Object} targetDomId 播报源放置的dom
 */
function zknightTextToSpeech(text, targetDomId) ;

示例:

<body>
    <button onclick="zknightTextToSpeech('Hello Word', 'zknight-texttospeech-content');">播放</button>
    <div id="zknight-texttospeech-content">
        解释:放置播放源的DOM,此处不需要写其它信息,每次播放会重置清空此DIV。
    </div>
</body>
<script type="text/javascript" src="zknight_h5texttospeech_common.js" ></script>

特别说明

需支持audio