読者です 読者をやめる 読者になる 読者になる

audioタグの使い方

ボタンを7つ用意して、押すと自分の声でド、レ、ミ、ファ、ソ、ラ、シ、ドと言う、のを作りました。
http://niming538.hatenablog.com/entry/2014/03/24/165232
はてなブログJavaScriptが使えるのを利用しています。声は直リンクのできるDropBoxを使う、というアイデアです。
ロカールに音声ファイルを置いたときは、Google ChromeIEFireFoxともうまく行ったのですが、音声ファイルを外に置くと、FireFoxUbuntuWindowsもうまく行きません。

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>