2012-04-26 8 views
0

私は今実際に何時間も試してみましたが、自分自身で答えを見つけましたが、これを解決する方法はわかりません。私は絶対にjavascriptに新しいです。イベントリスナーを追加してHTML5-Audioを制御する

マイタスクJavaScriptを使用してHTML5-Audio要素を制御したい。私の最初のステップは次のとおりです:

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Test</title> 
<script type="text/javascript"> 
document.getElementById("myAudio").addEventListener('onpause', function(){ 
alert("Paused!"); 
getElementById("myAudio").play(); 
alert("Playing again!"); 

}, false); 

</script> 
</head> 

<body> 

<audio id="myAudio" controls autobuffer > 
<source src="Test.mp3" /> 

</audio> 
</body> 

残念ながら、これは機能しません。 ...

もう1つのことは私が疑問に思っているのは、Chromeがaudiocontrolを表示しているということです。しかし、Firefox(FF 11)は空のページを表示するだけです。

私はちょうどそれを取得しない、私は今時間を過ごし、多くの選択肢を試した...私は本当に誰かが私を助けることを願っています。

ありがとうございます!

答えて

0

FirefoxはMP3形式をサポートしていません。 OGGのような他のオーディオファイル形式を使用してください。

この別のファイル形式での新しいソースのタグを追加:

<audio id="myAudio" controls autobuffer > 
    <source src="Test.mp3" type="audio/mpeg" /> 
    <source src="Test.ogg" type="audio/ogg" /> 
</audio> 

https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements#MPEG_H.264_%28AAC_or_MP3%29

使用OGG形式にファイルを変換するために利用できるオフライン/オンラインツールの1:

+0

ありがとうございました!これはなぜこれがFirefoxで動作しないのか説明しています! JavaScriptを使用してHTML5-Audio Elementを制御するのが私の最初の目的でした。残念ながら、これは上に挿入したコードでは動作しません。というイベントはないようです...私は間違って何ですか? – HazelNut

+0

「一時停止」は、イベントの正しい名前であり、「一時停止」ではありません。 http://dev.w3.org/html5/spec/media-elements.html#mediaevents – mems

+0

ありがとうございます!私はここで不幸にも見ていた:http://www.w3schools.com/html5/html5_ref_eventattributes.asp – HazelNut

関連する問題