「みんなのとーくん」を設置するには
「みんなのとーくん」は、ホームページ内の指定された領域を音声に変換して、読み上げてくれるシステムです。指定のコードを挿入するだけで、誰でも簡単に「音声読み上げホームページ」を作成することが出来ます。
注意:「みんなのとーくん」をホームページに設置するには、URLの登録が必要です。
「みんなのとーくん」設置方法
- scriptの挿入
内の一番<head></head> 下 に下記のscript タグを挿入してください。この部分は、「みんなのとーくん」に必要なJavaScriptを読み込むための処理です。
<script src="http://www.to-kun.com/icollabo/tokun" type="text/javascript"> </script>
- 操作パネルの挿入
操作パネルを表示させたい位置に下記のコードを追加してください。
下記のコードが記述された部分に操作パネルの
flash オブジェクトが挿入されます。<script type="text/javascript"> key="認証キーコード"; panel="操作パネルのデザインコード"; volume="音量の初期値"; speed="速度の初期値"; getTokun(); </script> <noscript> <p>「みんなのとーくん」を利用するには、JavaScriptを有効にしてください。</p> </noscript>
- key:必須
- サイトのURLを登録したときの認証キーコード
- panel:必須
- 操作パネルのデザイン番号
- volume:省略可
- 初期値として設定する音量
- 1(最小)- 5(標準)- 10(最大) --> 省略時は標準(5)で設定されます。
- speed:省略可
- 初期値として設定する再生速度
- 0(標準)・1(遅い)・2(速い) --> 省略時は標準(0)で設定されます。
- getTokun():必須
- 操作パネルの呼び出し
音声読み上げシステム「みんなのとーくん」には、認証キーが必要です。
<設置例>
- 例
<script type="text/javascript"> key="N2IwYWE2MTg3MTI5ZmIzMzJiN2VlMTNk"; panel="0139"; getTokun(); </script> <noscript> <p>「みんなのとーくん」を利用するには、JavaScriptを有効にしてください。</p> </noscript>
- 例
<script type="text/javascript"> key="N2IwYWE2MTg3MTI5ZmIzMzJiN2VlMTNk"; panel="0139"; volume="5"; speed="0"; getTokun(); </script> <noscript> <p>「みんなのとーくん」を利用するには、JavaScriptを有効にしてください。</p> </noscript>
- 読み上げ部分の指定
音声で読み上げたい部分を下記の方法で指定してください。
ページ内の音声で読み上げたい部分を
で囲みます。<div id="id名">~</div> 再生ボタンがクリックされた時、tokunOnで指定されたid内の情報を「みんなのとーくん」へ渡します。このときページ内に重複したidが存在すると、内容を適切に取得することが出来ません。
- idは一意のid名をつけてください。(ページ内で重複しないように気をつけてください。)
- 下記の内容は、必ず
を記入した場所より下に挿入してください。<div id="id名"> - 再生ボタンのalt属性で、「~(id名)の読み上げ」とタイトルコールをするため、
の直下に再生・停止ボタンを配置することをお勧めします。<div id="id名">
<div id="id名"> <input name="id名" type="image" src="再生ボタン画像" onclick="tokunOn('id名');" alt="id名の読み上げ" /> <input name="id名_off" type="image" src="停止ボタン画像" onclick="tokunOff();" alt="読み上げ停止" /> ここに読み上げたい本文を記載 </div>
停止ボタンのalt属性を "読み上げ停止" にすると、停止ボタンのalt属性は読み上げません。(変更すると停止ボタンのalt属性も読み上げます。)
<設置例>
<div id="tokun_play"> <input name="tokun_play" type="image" src="tokun_on.gif" onclick="tokunOn('tokun_play');" alt="「みんなのとーくん」導入ガイドの読み上げ" /> <input name="tokun_play_off" type="image" src="tokun_off.gif" onclick="tokunOff();" alt="読み上げ停止" /> <p>「みんなのとーくん」とは、ホームページ内の指定された領域を音声で読み上げてくれるシステムです。</p> <p>ホームページ内に指定のコードを挿入するだけで、誰でも簡単に「音声読み上げホームページ」を作成することが出来ます。</p> <p>注意:「みんなのとーくん」をホームページに設置するには、URLの登録が必要になります。</p> </div>
上記例を実際に音声ファイルに変換すると、下記の内容が読み上げられます。
「みんなのとーくん」導入ガイドの読み上げ 「みんなのとーくん」とは、ホームページ内の指定された領域を音声で読み上げてくれるシステムです。 ホームページ内に指定のコードを挿入するだけで、誰でも簡単に「音声読み上げホームページ」を作成することが出来ます。 注意:「みんなのとーくん」をホームページに設置するには、URLの登録が必要になります。
読み換え規則
表示されているテキストの内容を、そのまま読み上げてしまうと内容が伝わりにくいことがあります。「みんなのとーくん」では、一般的に使用されている単語について独自に変換を行っています。
変換前 | 変換後 |
---|---|
Tel/Fax: | でんわ・ふぁっくすばんごう |
Tel: | でんわばんごう |
Fax: | ふぁっくすばんごう |
mail: | めーるあどれす |
(月) | げつようび |
(火) | かようび |
(水) | すいようび |
(木) | もくようび |
(金) | きんようび |
(土) | どようび |
(日) | にちようび |
~ | から |
読み上げ停止 | - |
上記以外にも変換させたい文字がある場合は、XHTML1.1から導入されたrubyタグに対応していますので、読み替える文字をrtタグで設定してください。