htmlテキスト内に音声再生ボタンを混入させたい

例えばなのですが、以下のようなテキストがあるとします。

『今日(today■）は公園（park■）に行き、花（flower■）をたくさん見ました。』

■部分は音声を再生する為のボタン画像（スピーカーマークのようなもの）と想定してください。
それをクリックするとそれぞれの英語の音声が流れる、というような構造を作りたいのですが、以下の条件を満たす上での実現可能な方法が見つからず困っています。

・IEは7以上に対応
・Firefox、Chrome、Safariは最新バージョンに対応
・ HTML 4.01で作成

このような条件でも実現可能な方法をご存知の方、ご教示いただけないでしょうか。
（もしくはこの条件では無理という結論でも構いません）

ちなみにJavaScript、swfは使用可能です。
（ただしテキストも含めて全てをswfにしてしまうのは不可）
また例文ではテキストの途中に音声ボタンを挿入していますが、それがどうしてもネックとなる場合は以下のようにテキストと音声を別の段落にしても構いません。

今日は公園に行き、花をたくさん見ました。
・today■　　　・park■　　　・flower■

何卒よろしくお願いします。

No.1 回答者： mrkato 回答日時： 2012/07/14 06:13

参考だけ。

いわゆるポッドキャストの貼り方をすると、
ブラウザのデータ形式定義により取り扱われるので、
アンドロイドだとプレーヤー直起動（保存は長押しから）で反応しました。
がPCはそれだと問題で個々アプレットのプレーヤーだったか。

この回答へのお礼

早速の回答ありがとうございます。
ポッドキャストという視点は今まで考えていなかったので、ありがたいです。
とりあえずブラウザ意外のアプリ起動は不可の為、上手く埋め込みできれば…というところでしょうか。
調べてみたいと思います。

お礼日時：2012/07/15 23:52