ボタンを7つ用意して、押すと自分の声でド、レ、ミ、ファ、ソ、ラ、シ、ドと言う、のを作りました。
http://niming538.hatenablog.com/entry/2014/03/24/165232
はてなブログでJavaScriptが使えるのを利用しています。声は直リンクのできるDropBoxを使う、というアイデアです。
ロカールに音声ファイルを置いたときは、Google Chrome、IE、FireFoxともうまく行ったのですが、音声ファイルを外に置くと、FireFoxがUbuntuもWindowsもうまく行きません。
FireFoxをいろいろいじってみたのですが、解決していなので、誰かおねがいします。
エラーとしては、
transferring data from dl.dropboxusercontent.com
もしくは、
dl.dropboxusercontent.comからデータを転送しています
というメッセージが出て、ボタンを押しても最初の「ド」しか鳴りません。
コードを載せておきます。
<p>
<button onclick="document.getElementById('c4').play()">ド</button>
<button onclick="document.getElementById('d4').play()">レ</button>
<button onclick="document.getElementById('e4').play()">ミ</button>
<button onclick="document.getElementById('f4').play()">ファ</button>
<button onclick="document.getElementById('g4').play()">ソ</button>
<button onclick="document.getElementById('a4').play()">ラ</button>
<button onclick="document.getElementById('b4').play()">シ</button>
<button onclick="document.getElementById('c5').play()">ド^</button>
</p>
<p>
<audio id="c4">
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/c4.mp3"
type="audio/mp3" />
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/c4.ogg"
type="audio/ogg" />
</audio>
</p>
<p>
<audio id="d4">
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/d4.mp3"
type="audio/mp3" />
<source src="https://dl.dropboxusercontent.com/u/7667231/doremi/d4.mp3"
type="audio/ogg"/>
</audio>
</p>
<p>
<audio id="e4">
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/e4.mp3"
type="audio/mp3" />
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/e4.ogg"
type="audio/ogg" />
</audio>
<audio id="f4">
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/f4.mp3"
type="audio/mp3" />
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/f4.ogg"
type="audio/ogg" />
</audio>
<audio id="g4">
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/g4.mp3"
type="audio/mp3" />
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/g4.ogg"
type="audio/ogg" />
</audio>
<audio id="a4">
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/a4.mp3"
type="audio/mp3" />
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/a4.ogg"
type="audio/ogg" />
</audio>
<audio id="b4">
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/b4.mp3"
type="audio/mp3" />
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/b4.ogg"
type="audio/ogg" />
</audio>
<audio id="c5">
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/c5.mp3"
type="audio/mp3" />
<source
src="https://dl.dropboxusercontent.com/u/7667231/doremi/c5.ogg"
type="audio/ogg" />
</audio>
</p>
