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で動かして欲しい。
ご協力いただきありがとうございます。
キャンバスを使用したい場合があります。すべての 'audio'要素には持続時間と現在の時間属性がありますので、' fillRect(posx、posy、audio.current_time/audio.duration * width、height) 'のようにすることができます。私は正確な名前を忘れていましたが、数分間でグーグルでそれらを入手します。 – corazza
"nullのメソッドaddeventlistenerを呼び出すことはできません"はジェネリックJavaScriptエラーです。ファイアウォールFirebugのようなデバッガを使って、あなたのコスの問題をデバッグしてください。 –
コードを投稿したり、フィドルを作成できますか? –