2008年MashUp Awardで、日本のニュースを可視化するサイト「Newsgraphy」を製作し入賞したid:kaisehさんが、今度はビジュアルブログ検索エンジン「Blogopolis」をリリースしたそうです。

ふくい産業支援センター主催による「Mashup Seminar in FUKUI」に行ってきました。エンジニア向け要素の強いイベントで、私にとってはかなり刺激が多く勉強になりました。

１．まずはおめでとうございます！
[...]

↑vds.setCast()に"KeikoJPf"を指定すると、女性の声になります。

３．single.phpにdivタグとボタンを挿入

お使いのテーマのsingle.phpに読み上げ範囲を示すdivタグと、読み上げを指示するボタンを挿入します。vds公式サイトの説明ではinputボタンでしたが、私はスピーカーアイコンにしてみました。

まずは、タイトルにreadOutHereのidをつけます。

<div id="readOutHere">
  <?php echo $title; ?>
</div>

次に表示したい箇所にスピーカーアイコンを置きます。

<a href="#" onclick="readOut()" />
  <img src="/image/speaker.png" alt="タイトルを読み上げる" style="border: 0px">
</a>

最後に、body部のどこかにvdsのFlashをロードする場所を作ります。どこでもいいですが、body部最後が良いと思います。

<div id="vdsp"></div>

４．まとめ

仕組みは、読み上げ文字がvdsサーバに送られて、サーバ側で音声に変換し、vdsのFlashクライアントが読み上げるということです。重そうな音声変換処理はサーバでやってくれるので、パソコン側が多少非力でも問題なさそうです。

こういうのを簡単に組み込むプラグインってのも作ると面白いかな。候補に挙げておこう。

しかし、あれだな。Googleが「じーおーおーじーえるいー」と読まれ、WordPressは「ワードプレス」と読まれる。この違いは何だろう。。。

Mashupアワード2008最優秀賞のケンタローさんから教えてもらった、音声読み上げシステムをブログに組み込んでみました。セミナー時間の休憩中にちょっといじるだけで簡単に出来てしまいました。
↑スピーカーアイコン [...]

新年早々、福井で素晴らしいイベントを「ふくい産業支援センター」様が企画してくれています。エンジニアやWebデザイナーを目指す学生さんには、広く門戸を開いて応援したいという優しい親心で、学生さんは無料で応募できるようです。 [...]

今年2008年のMashupアワードで最優秀賞となった、地図上でチャットが出来る「Chamap」が早くも進化を遂げていました。今度は日本語で入力したチャット文字を、相手側には相手の母国語に翻訳して音声出力してくれるように [...]

いくつかのWebサービスをAPI活用して、新たなWebサービスを作っていくMashup（マッシュアップ）。Mashupによるビジネスアイデアの創出やエンジニア活躍の場を提供する目的で、今年4回目となる「Mashupアワー [...]