スライドショーのソースにナレーション機能を付与

多くの人に使っていただいている「スライドショー」と「ストーリーショー」、のJavascriptプログラムソースにコメント文を読み上げてナレーションを付ける機能を付加しました。
ブラウザのインターネットエクスプローラにはなかったテキスト読みあけ機能をEdge、Chrome、Firfoxにはあることを知らなかった
たまたまネット検索で見つけたものはアクセントがおかしく、これでは使い物にならないなとあきらめかけていたところ、綺麗に発音するソースを見つけた

speechSynthesis.speak(new SpeechSynthesisUtterance("テキスト"));

だけだ
"テキスト"
の部分を変数にして使えば
スライドショーの各スライドのコメント文を代入しナレーション入りにすることができる
デモページを作ってみた
スライドショー
https://qpon-toyota.com/demo/speech/demo1.html
ストーリーショー
https://qpon-toyota.com/demo/speech/demo2.html
ブラウザをEdge、Chrome、Firfoxなどかスマホやタブレットでご覧になって見てください
ソースを公開してありますので、あなたの「スライドショー」と「ストーリーショー」をナレーション入りにしてみませんか

この記事へのコメント

この記事へのトラックバック