jQuery の jPlayer プラグインによるテキストベースのオーディオプレイヤー

jQueryのjPlayerプラグインで、テキストベースのオーディオ・プレイヤーを作る方法。

実装例（サンプル）

実装例（サンプル）の動作について

「再生」をクリックすると、再生し、「再生」のテキストは「一時停止」に変わる。「一時停止」をクリックすると一時停止する。「停止」をクリックすると停止する。「ミュート」をクリックすると、ミュートし、「ミュート」のテキストは「ミュート解除」に変わる。「小－－－－－大」の、「小」に近い方をクリックすると、音量が小さくなる。「大」に近い方をクリックすると、音量が大きくなる。再生が終了すると、再度、再生する。停止ボタンを押すまで、ループする。

実装例（サンプル）のソースコード

読み込み

パスは、それぞれ、アップロードした場所を指定する。

JavaScript

Jplayer.swf ファイルへのパスと、オーディオ・ファイルへのパスは、それぞれ、アップロードした場所を指定する。

CSS

HTML