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

多くの人に使っていただいている「スライドショー」と「ストーリーショー」、の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などかスマホやタブレットでご覧になって見てください
ソースを公開してありますので、あなたの「スライドショー」と「ストーリーショー」をナレーション入りにしてみませんか

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 1

ナイス

この記事へのコメント

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