岩手県立総合教育センター 情報・産業教育ウェブ

ここから本文 iPhone,iPad,Android音声合成教材

小学校、特別支援学校向けの教材

 Webページ教材なので、普通のアプリとはちがってインストール不要です。  このサイトからすぐ利用できます。
 iPhone,iPad,AndroidではWebページの文字を音声合成を用いて話させることができます。  子どもたちに言葉による表現活動させるときのツールとしてご活用ください。

【小算】 とけいの学習(時刻を読み上げます)

・長針、短針をドラッグして回転できます
・針の示している時刻を数値で表示します。
・この数値の表示を消すこともできます
・文字盤は「時」「分」「なし」の切り替えができます
・「現在時刻」ボタンで今の時刻を表示します
「読み上げ」ボタンで時刻を読み上げます

 「とけいの学習」の表示


「絵をクリック(タッチ)すると読み上げ」

○先生用の画面
・50種類以上の絵を選択できます。
・絵に合わせて文章を入力します。 ・読み上げの速さ、音程、音量、言語(日本語or英語)を設定できます。
・入力した文章と設定は、「画像と文章を保存する」ボタンを押すと、利用している機器(iPhone,iPad,Android,PC)に保存します。
・「児童・生徒用の画面」の起動時に保存した文章と設定を読み込みます。
○生徒用の画面
・絵をクリック(タッチ)すると文章を読み上げます。
・絵と文章は先生用の画面で設定変更できます。

○使い方
1 「先生用の画面」で画像を選択、文章を入力し「画像と文章を保存する」ボタンを押します。
2 「児童・生徒用の画面」を起動して利用させます。

  「先生用の画面」の表示

  「児童・生徒用の画面」の表示

「入力した文章の読み上げ」

・テキストエリアに入力した文章を読み上げます。
・最大32767文字まで読み上げることが可能なようです(未確認)。
・読み上げの速さ、音程、音量、言語(日本語or英語)を設定できます。
 ※「英語」の設定では日本語の文章を読み上げてくれません。   「日本語」で英語の文章を読ませると、ローマ字読みをします。 ・入力した文章と設定は、「文章を保存する」ボタンを押すと、利用している機器(iPhone,iPad,Android,PC)に保存します。
・起動時に保存した文章と設定を読み込みます。
  「入力した文章の読み上げ」の表示

「複数文章の読み上げ」

・入力した文章を行ごとに読み上げます。
・それぞれの行は最大32767文字まで読み上げることが可能なようです(未確認)。
・読み上げの速さ、音程、音量、言語(日本語or英語)を設定できます。
・入力した文章と設定は、「文章を保存する」ボタンを押すと、利用している機器(iPhone,iPad,Android,PC)に保存します。
・起動時に保存した文章と設定を読み込みます。
  「複数文章の読み上げ」の表示

教材について

基本情報

  • 対象:児童生徒、教職員
  • 種別:Javascriptで作る教材
  • 公開:平成27年8月
  • 開発者:岩手県立総合教育センター (奥田昌夫)
  • 動作環境:HTML5に対応、JavaScriptが作動可能な機種、ブラウザで作動します
          (Apple社製)iPhone,iPad Safariで作動します
          Android Chromeで作動します(他のブラウザでは未確認)
          Windows8.1 Chromeまたは、Safari必須 (IEでは作動しません)
  • 利用した音声合成:
     ブラウザで音声合成をするためにHTML5の「Web Speech API」を利用しています。
  • 利用ライブラリ:
     「時計の学習」では enchant.js(http://enchantjs.com/ja/)を利用しました
     その他のソフトは以下のライブラリを利用しています。
       ・jQuery(https://jquery.com/)
       ・jQuery UI(https://jqueryui.com/)
       ・jQuery UI Touch Punch(http://touchpunch.furf.com/)

Q&A

  1. Q コンピュータで作動しますか?
    A Chromeまたは、Safariを利用して下さい。WindowsのIEでは音声が出ません。
  2. Q 読みあげが速すぎます。遅くできませんか。
    A 作動機種によって読みあげ速度が異なるようです。iPadでは読みあげが2倍くらい速くなります。  「とけいの学習」ではプログラム内で機種による速度の違いを出さないように調整していますが、 うまく対応できていない場合もあります。ご了承下さい。

音声合成のサンプル教材、ソースコードの公開

Javascriptで音声合成を利用したソフトを作成する場合の参考にして下さい。

  1. サンプル1:音声合成の利用基本
  2. サンプル2:formのinput textを使って入力文を読み上げ、速度も可変可
  3. サンプル3:上記の2文章対応、英文読み上げ

ソースコードを公開します

  1. とけいの学習(時刻を読み上げます)
  2. 絵をクリック(タッチ)すると読み上げ
プログラムを改変してご利用なさる場合には、岩手県立総合教育センターまでご連絡願います。