2012-05-20 26 views
5

HTML5でMP3プレーヤーを製作しようとしています。ほとんどすべての作業が完了しましたが、私が必要とするのは、<audio>タグのデフォルトのコントロールを置き換えて、自分のコントロールを作成したいということです。再生、一時停止、停止、音量などのシンプルなコントロールが行われますが、オーディオ/ MP3の再生時間を追跡するプログレスバーを作成したい場合、関連する位置でクリックするとトラック上の特定の位置に移動します。次の例のように。HTML5オーディオ - プログレスバー

http://msdn.microsoft.com/en-us/library/ie/gg589528(v=vs.85).aspx

ここの事は上記の例では、ファイル/ MP3がすでにロードされており、私は上記を変更するためにさまざまな方法を使用してみました場合は、私が実際にdocument.createElement("audio");

を使用して、オーディオ要素を作成していますということです例私はほとんどが "nullのメソッドaddeventlistenerを呼び出すことはできません"エラーを取得します。私はこのプレーヤーをChromeで動かして欲しい。

ご協力いただきありがとうございます。

+0

キャンバスを使用したい場合があります。すべての 'audio'要素には持続時間と現在の時間属性がありますので、' fillRect(posx、posy、audio.current_time/audio.duration * width、height) 'のようにすることができます。私は正確な名前を忘れていましたが、数分間でグーグルでそれらを入手します。 – corazza

+1

"nullのメソッドaddeventlistenerを呼び出すことはできません"はジェネリックJavaScriptエラーです。ファイアウォールFirebugのようなデバッガを使って、あなたのコスの問題をデバッグしてください。 –

+0

コードを投稿したり、フィドルを作成できますか? –

答えて

2

このチュートリアルでは進行状況バーの例がありますが、私はしばらく前に書いています:Working with HTML5 multimedia components – Part 3: Custom controls。呼び出しなどは、動的に作成されたaudio要素の場合と同じにする必要があります。

しかし、はい、あなたがやっていることのいくつかのコード例は役に立ちます。

関連する問題