ども。
気がつけば麺類ばかりを食べている担当ちゅんです。
昨日、上司92氏から告知のありましたとおり、現在当室では“片手間で”「辨開凧次郎翁物語」という絵本のデジタル化作業に取り掛かっています。企画立案や音声データ変換、テキストデータ作成などは92氏が担当し、私は専らWebサイトの構築を任されることとなりました。
「Web絵本を作る」というコンセプトのもと、作業を始めました。絵本をめくる様に読み進めることができる工夫が必要ですので、画面周りはなるべくシンプルに、なおかつお子様でも直感的に操作できるように大き目のアイコンをおきました。また、1ページに表示される画像は1枚だけにして、サイズは大きめに。最近は絵本の「読み聞かせ」が流行なので、音声読み上げ機能まで実装することを検討。名づけて「Taco-Jiro System」です。
作業は順調に進み、最難関である音声読み上げ機能までたどり着きました。ボタンをクリックすると音声が流れるような仕組みを導入しなければいけないのですが、これにはかなり苦戦しました。
===========ここからマニア向け。読み飛ばし推奨。===========
色々な方法があるのですが、今回は自分自身の勉強も兼ねてJavaScriptを使ってMP3を再生させることにしました。色々と調べたのですが、jQueryを使用したFlexPlayerというプラグインがとてもよくできていたので、これを利用させてもらいました。
JavaScriptでオプションを指定することで、例えば「このボタンを押すと再生、このボタンを押すと停止、残り時間は何分で、ボリュームはどのくらい」といった音楽再生ソフト並の機能をブラウザ上に実装することが可能です。本案件では再生・停止だけを使いたかったので、FlexPlayerの機能をほんの少ししか使っていませんが、それでも不慣れなJavaScriptと想像以上に悪戦苦闘して、ようやく実装完了。JavaScriptってやっぱり奥が深くて面白いなと再認識しました。
==================マニア向け終了==================
現在、Taco-Jiro Systemは7割程度完成。明日までにこれを9割ほどに持っていくべく、勤務終了後にまったりと作業するのです。ちなみに、92氏はテープをデジタルデータにする作業を行っています。これが完成すると、もしかしたら学校などでEラーニングなんかにも使えるかもしれません。
そんなわけで、Taco-Jiro Systemのお披露目まで楽しみにお待ちください!
音声読み上げ機能実装完了!
(投稿者:ちゅん)