すべてのホームページに音声読み上げ機能を！
文字の大きさ変更：

「みんなのとーくん」を設置するには

「みんなのとーくん」は、ホームページ内の指定された領域を音声に変換して、読み上げてくれるシステムです。指定のコードを挿入するだけで、誰でも簡単に「音声読み上げホームページ」を作成することが出来ます。

注意：「みんなのとーくん」をホームページに設置するには、URLの登録が必要です。

※登録内容詳細はこちら

「みんなのとーくん」設置方法

  1. scriptの挿入

    <head></head>（ヘッドタグ）内の一番下（した）に下記のscript（スクリプト）タグを挿入してください。

    この部分は、「みんなのとーくん」に必要なJavaScriptを読み込むための処理です。

    <script src="http://www.to-kun.com/icollabo/tokun" type="text/javascript"> </script>
  2. 操作パネルの挿入

    操作パネルを表示させたい位置に下記のコードを追加してください。

    下記のコードが記述された部分に操作パネルの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()：必須
    操作パネルの呼び出し

    音声読み上げシステム「みんなのとーくん」には、認証キーが必要です。

    ＜設置例＞

    1. 例 
      <script type="text/javascript">
    key="N2IwYWE2MTg3MTI5ZmIzMzJiN2VlMTNk";
    panel="0139";
    getTokun();
</script>
<noscript>
    <p>「みんなのとーくん」を利用するには、JavaScriptを有効にしてください。</p>
</noscript>
    2. 例 
      <script type="text/javascript">
    key="N2IwYWE2MTg3MTI5ZmIzMzJiN2VlMTNk";
    panel="0139";
    volume="5";
    speed="0";
    getTokun();
</script>
<noscript>
    <p>「みんなのとーくん」を利用するには、JavaScriptを有効にしてください。</p>
</noscript>
  3. 読み上げ部分の指定

    音声で読み上げたい部分を下記の方法で指定してください。

    ページ内の音声で読み上げたい部分を <div id="id名">～</div>（ディブ id イコール id名） で囲みます。

    再生ボタンがクリックされた時、tokunOnで指定されたid内の情報を「みんなのとーくん」へ渡します。このときページ内に重複したidが存在すると、内容を適切に取得することが出来ません。

    • idは一意のid名をつけてください。（ページ内で重複しないように気をつけてください。）
    • 下記の内容は、必ず <div id="id名">（ディブ id イコール id名） を記入した場所より下に挿入してください。
    • 再生ボタンのalt属性で、「～（id名）の読み上げ」とタイトルコールをするため、<div id="id名">（ディブ 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タグで設定してください。

▲このページの先頭へ