Wie Binde ich text-to-speech in html oder javascript für web-Browser?

Ich soll eine Webseite zu Lesen, die text laut (in einem Roboter-Stimme!).

Auf dieser Internetseite gibt es eine Schaltfläche, wenn darauf geklickt wird, zufällig zeigt eines von 3 Sätzen. Ich hätte gern eine weitere Schaltfläche, die angeklickt werden können, Lesen Sie den text laut vor. Alternativ kann der text laut vorgelesen automatisch, wenn die erste Schaltfläche geklickt wird.

hier ist der relevante code...

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

Ich bin ein Neuling, so Frage ich mich, ob es einen einfachen Weg, dies zu tun. danke!

vozme.com/webmasters.php?lang=en
stackoverflow.com/questions/144117/...
Ich sah die ältere stackoverflow-post, aber war für mich eine Lösung, die funktionieren würde, w/ jedem browser. Ich will check out vozMe, aber, danke!
responsivevoice.org ist sehr gut zu sehen in diesem

InformationsquelleAutor chrisg | 2013-11-21

  1. 4

    Habe ich verwendet speak.js für einige eigene Projekte vor.

    Aus der GitHub Seite:

    Einen port von der eSpeak speech synthesizer von C++ zu JavaScript und
    Emscripten.

    Ermöglicht text-to-speech auf der web mit nur JavaScript und HTML5.

    Online-demo: http://syntensity.com/static/espeak.html

    Ich werde das ausprobieren, vielen Dank!
    dies funktionierte perfekt. Ich würde upvote Ihre Antwort, aber mein Ruf ist zu niedrig. danke.

    InformationsquelleAutor Jason

Schreibe einen Kommentar