web-dev-qa-db-ja.com

優れたテキスト読み上げJavaScriptライブラリ

私は自分のアプリケーションに適したテキスト読み上げJavaScriptライブラリを探しています。周りを見回して、 Jtalk と speak.js を見ました。しかし、どちらを先に進めるかはわかりません。私は人々から彼らの賛否両論について知りたいと思っています、そしてあなたたちが出くわした他のJavascriptプラグインがあるかどうか知りたいです。

私は基本的にアニメーションを視覚化しており、視覚障害のある人に何が起こっているのかを伝えるための音声を追加したいと思いました。

javascriptjqueryjquery-pluginstext-to-speechhtml5-audio
15
Ajax3.14

JTtalkを使用することをお勧めします。法的に盲目であるとあなたが盲目であると思うかもしれないものは異なる可能性があり、誰もが点字を知っているわけではないので、それはあなたのターゲット群衆が何であるかによって異なります。私がJtalkで見た利点は、Jtalkの例と、それらがどれだけうまく機能しているかに本当に依存していました。 JTalkを使用してプロジェクトのフロントエンド部分全体を実行するのに、2日しかかかりませんでした。これは、JTalkの例を編集しただけだからです。私/私のグループの意見では、Speak.jsの学習曲線はより困難でした。しかし、特に名前が多い文書（企業に言及している株式記事の例）では、スピーチが少し不明瞭で理解の問題があることがわかりました。これが点字に移行した理由です。

私のシニアデザインプロジェクトは視覚障害者向けでしたが、点字の方が優れていると感じたため、テキスト読み上げが目的の場所ではないことに気付きました。点字を使用すると、マルチタスクを改善し、簡単に戻って一時停止できます。ほとんどの視覚障害者は、聞くよりもはるかに速く点字を読むことができます。

2
Frank Visaggio

2018年の更新

最新のブラウザにはTTSが組み込まれています

if ('speechSynthesis' in window) {
    var msg = new SpeechSynthesisUtterance('Hello World');
    window.speechSynthesis.speak(msg);
}

音声合成

非推奨

多くのコードを記述したくない場合（または理解できないライブラリをインポートしたくない場合）は、GoogleTTSサービスを使用することをお勧めします。とても簡単です。たとえば、次のようなテキストがあります：welcome to Stack overflow次のように呼び出すことができます：

http://translate.google.com/translate_tts?ie=UTF-8&q=Welcome%20to%20stack%20overflow&tl=en&total=1&idx=0&textlen=23&prev=input

これにより、そのテキストを読み取るオーディオファイルが返されます。次に、あなたの仕事はそれを再生するためにブラウザオーディオを使用することです。素晴らしくて簡単。

PS：GoogleTTSは本当に本当の声を持っています。

例： http://jsfiddle.net/qspcL/

参照元： http://jnjnjn.com/187/playing-audio-on-the-ipad-with-html5-and-javascript/

30
Trinh Hoang Nhu