H5Texttospeech

功能描述

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

快速使用

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

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

示例:

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

特别说明

  1. 需支持audio