Question

我想要一个网页大声读出一些文字（用机器人的声音！）。

在这个网页上，有一个按钮，当点击时，随机显示3个句子中的一个。我想要点击另一个可以大声朗读文本的按钮。或者，单击第一个按钮时，可以自动朗读文本。

这是相关代码......

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <script type="text/javascript">
    var randomStrings = [
     "this is an example of a random string",
     "here's another random string",
     "or maybe this string will be chosen at random"
      ];
    function RndMsg() {
      var msg = randomStrings[Math.floor(Math.random()*randomStrings.length)];
      document.getElementById('randomDiv').innerHTML = msg;
      }
  </script>
</head>

<body>
  <form action="" method="post" onsubmit="return false">
    <input type="button" value="Randomize!" name="sessionid" onclick="RndMsg()"/>
//click the button->text appears below... i want browser or OS to read it aloud
  </form>
  <form action="" method="post" onsubmit="return false">
    <div id="randomDiv"> </div>
  </form>
</body>
</html>

我是新手，所以我想知道是否有一种简单的方法可以做到这一点。谢谢！

Answer 1

之前我曾将speak.js用于某些个人项目。

从GitHub页面：

eSpeak语音合成器的一个端口，从C ++到JavaScript使用   Emscripten。

仅使用JavaScript和HTML5在网络上启用文字转语音。

在线演示：http://syntensity.com/static/espeak.html

如何在html或javascript中为Web浏览器实现文本到语音转换？

1 个答案: