語学に関するブログをやっています。

語学に関するブログをやっています。
そこで、ブログに発音を貼り付けて、クリックすれば聞ける様にしたいのですが
やり方が分かりません。
（例）decrease
音節de・crease 発音記号/dɪkríːs, díːkriːs/音声を聞く ...此処にスピーカーのマークがあります。

分かる方がいらっしゃれば是非教えて下さい。
ブログはライブドアです。

No.1 ベストアンサー 回答者： kobliha 回答日時： 2014/05/14 13:05

livedoor は「無料契約」は「画像のみ」のアップロードしかできない。

（重要）
しかし、「有料契約」すれば ftp アップロードが可能で、mp3 などのアップロードも可能になる。
http://help.blogpark.jp/archives/52240386.html
http://www.moteblog.com/archives/50097979.html

表示方法はいくつかあるが、それなりにたくさんの指定箇所が予測される。
フランス語の例であるが、恐らくこんなふうな表示を考えているであろう。
http://www.france-jp.net/01cours/04-2hatsuon/

ここでの例を livedoor に当てはめると、
<!-- Playerここから-->
<script type="text/javascript"><!--
function audioPlay(file){
document.getElementById(file).play();
}
//再生を停止
function audioPause(file){
document.getElementById(file).pause();
}
//-->
</script>
<!-- Playerここまで-->
これを「カスタム js」の body 内に記述。

記事投稿ではその音声部分は右端の「html 編集」で記述する。
<audio id="audio27-01">
<source src="voice/27-01.ogg" type="audio/ogg">
<source src="voice/27-01.m4a" type="audio/aac">
</audio>
<audio id="audio27-02">
<source src="voice/27-02.ogg" type="audio/ogg">
<source src="voice/27-02.m4a" type="audio/aac">
</audio>
<audio id="audio27-03">
<source src="voice/27-03.ogg" type="audio/ogg">
<source src="voice/27-03.m4a" type="audio/aac">
</audio>
ポイントはそれぞれに異なった id を与えること。
この部分は「音声を出力する」というだけのもの。
そして次に「クリックしたら」がくる。音声関連部分だけを取り出すと、
<a href="javascript:audioPlay('audio27-01')"><img src="../01vocabulaire/imag/parts_audio.gif" alt="" name="parts_audio" width="27" height="27" border="0" id="parts_audio" /></a>
<a href="javascript:audioPlay('audio27-02')"><img src="../01vocabulaire/imag/parts_audio.gif" alt="" name="parts_audio210" width="27" height="27" border="0" id="parts_audio210" /></a>
<a href="javascript:audioPlay('audio27-03')"><img src="../01vocabulaire/imag/parts_audio.gif" alt="" name="parts_audio310" width="27" height="27" border="0" id="parts_audio310" /></a>
これも先に与えた id が連動する。
このページではスピーカー画像にマウスを乗せると、赤い画像に変わるようにはなっているが。
Adobe DreamWeaver でページを作成しているであろう。

この回答へのお礼

親切な回答有難うございました。

お礼日時：2014/11/04 16:01