用文本阅读器实现网站

Implement site with text reader

本文关键字：实现 网站 文本      更新时间：2023-09-26

我决定开始一个新项目。

这个项目是一个拼写检查器，用来帮助孩子，并将孩子表现的报告发送给老师。

我已经设置好了老师可以放置单词的位置，现在我需要做的是，当学生点击按钮时，单词会被大声读出。

有什么插件我可以使用吗？

我不担心学生如何理解这个单词，而是担心如何把这个单词读出来。

任何语言都可以。

谢谢大家抽出时间。

我想最简单的方法是使用html5音频在每次点击时播放来自Web服务器的相应单词：

<html>
<body>
  <script type="text/javascript">
    window.onload = function main() {
      var path = "/sndz"; //folder on the webserver for all your sound files
      var Hello = document.getElementById("Hello");
      Hello.onclick = readWrd(path + "Hello.mp3");
      return false;
    }
    function readWrd(String audioSrc) {
      var wrd = new Audio(audioSrc);
      wrd.play();
    }
  </script>
  <!--and later in make link or sth-->
  <a id="Hello" href="#">Hello</a> 
  <!--leave the 'href' empty if you want the link to be destroyed after you click it-->
</body>
</html>

您所需要做的就是在下面的链接末尾添加单词，然后您可以随心所欲地对其进行样式设置，例如单击按钮时的自动播放。

<audio controls="controls">
  <source src="http://translate.google.com/translate_tts?tl=en&q=wordgoeshere" type="audio/mpeg">
</audio>
相关文章：