2011-01-06 6 views
12

私のプロジェクトでは、オーディオ(ex:mp3など)をWebページに埋め込む必要があります。ユーザーがページにアクセスすると、オーディオが再生されます。音声が終了すると、ユーザーが答えるアンケート(フォームフィールド)が表示されます。音声を検出する方法は、Webページで再生を終了しましたか?

jqueryを使用してオーディオの再生が完了しているかどうかを確認する方法はありますか?ユーザがオーディオ全体を聴いた後にアンケートが表示されるようにしますか?

私はオーディオの長さを決定することですが、私はアンケートを表示するタイマーを設定することができますが、私はこれを達成することができますイベントハンドラのいくつかの並べ替えを持っていると期待しています。

私はjqueryのは、多くのオーディオプラグインを持っている、と私は私がここでやりたいであろうことを確認することができないことがわかり

http://plugins.jquery.com/plugin-tags/audio

任意のアイデアは大歓迎されています。

ありがとうございました。

答えて

19

html5オーディオタグを使用している場合、「onend」イベントハンドラがあります。ブラウザがまだそれをサポートしているかどうかはわかりません。

ような何か:あなたがサウンドを再生することができますswfファイルを使用し、それが最後に到達したとき、あなたのjavascriptを警告することができ、最後の場合

<audio src="xpto.mp3" onended="DoSomething();"></audio> 

+0

を残念ながら、私はIE 7は現在、「好ましい」のブラウザである企業で働く、とだけIE 9以降が必要がありますように、それはHTML5と思われます。 – limc

+0

フラッシュプレーヤーを使用する必要があります。 XSPFを試す –

+1

http://musicplayer.sourceforge.net/ –

1

また、そのようにjQueryのイベントリスナーを追加することができます。

$("audio").on("ended", function() { 
    console.log("All Done!"); 
}); 
関連する問題