Haiku minimalist audio player | WordPress 用 jPlayer

シンプルなHTML5ベースのMP3オーディオプレーヤーを、WordPress に搭載する WordPress プラグイン。

特徴

  • jQuery の jPlayer プラグインを使ったMP3オーディオプレーヤー。
  • jQuery の jPlayer プラグインなどの JavaScript ファイルも、同梱されている。
  • ショートコードが用意されている。
  • 単純なテキストリンクと、グラフィカルなプレーヤーを、設定画面で選択できる。
  • MP3 リンクを、オーディオプレーヤーに置き換えて表示することができる。
  • 「WordPress Audio Player」プラグインで使われるショートコードを、「Haiku minimalist audio player」プラグインのオーディオプレーヤーに置き換えて表示することができる。

ダウンロード

配布サイト:Haiku minimalist audio player
2011年05月25日現在のバージョン:Haiku minimalist audio player 0.4.1
必要なワードプレスのバージョン:WordPress 2.8 以上
zipファイルを解凍すると、「haiku-minimalist-audio-player」というフォルダが出てくる。

インストール

「haiku-minimalist-audio-player」フォルダを、フォルダごと、wp-content/plugins/ フォルダにアップロード・設置。
管理パネルで、「プラグイン」をクリックし、プラグイン設定画面を開く。「 Haiku – minimalist audio player 」を探し有効化。
haiku-minimalist-audio-player-enabling.jpg

使い方

使い方は、数通りある。

基本

[haiku url=”http://hoge.tld/path/filename.mp3″]
のようなショートコードを投稿することで、グラフィカル・オーディオ・プレイヤー、もしくは、「play」「stop」のテキストリンクに置き換わる。

グラフィカル・オーディオ・プレイヤーのキャプチャー画像

haiku-minimalist-audio-player-graphical-sample-1.jpg

待機時

haiku-minimalist-audio-player-graphical-sample-2.jpg

再生時

「play」「stop」のテキストリンクのキャプチャー画像

haiku-minimalist-audio-player-text-sample-1.jpg

待機時

haiku-minimalist-audio-player-text-sample-2.jpg

再生時

テキストリンクの横にタイトルを表示したい場合

[haiku url=”http://hoge.tld/path/filename.mp3″ title=”曲のタイトル”]

「Default file location (optional)」を設定してある場合

「Haiku Player Settings」の「Default file location (optional)」を設定してある場合は、
[haiku url=”filename.mp3″]

「Default file location (optional)」の設定を一時無効にしたい場合

[haiku url=”http://hoge.tld/path/filename.mp3″ defaultpath=disabled]

MP3 ファイルへのリンク

「Haiku Player Settings」の「Replace all mp3 links」が有効の場合、MP3 ファイルへのリンクタグの全てが、グラフィカル・オーディオ・プレイヤー、もしくは、「play」「stop」のテキストリンクに置き換わる。
<a href=”filename.mp3″>filename</a>

WordPress Audio Player のショートコード

「Haiku Player Settings」の「Replace WP Audio Player [audio: file.mp3] syntax」が有効の場合、「WordPress Audio Player」プラグインで使われるショートコードを、Haiku Player のグラフィカル・オーディオ・プレイヤー、もしくは、「play」「stop」のテキストリンクに置き換える。
[audio: filename.mp3]

設定

menu-settings-haiku-minimalist-audio-player.jpg管理パネルで、「設定」の横の▽をクリックすると、右の画像のように、「 Haiku Player 」が追加されている。「 Haiku Player 」をクリックすると、「 Haiku Player Settings 」が現れる。

Haiku Player Settings

haiku-minimalist-audio-player-settings.jpg

Default file location (optional)

MP3 ファイルの置き場所が、特定の場所に決まっている場合、「Default file location」に指定することで、投稿時にパスを省略できる。

例えば、「Default file location」を指定しない場合、
[haiku url=”http://hoge.tld/path/filename.mp3″]
のような長いショートコードになるが、「Default file location」にpath/を指定しておけば、
[haiku url=”filename.mp3″]
のように短いショートコードで使える。

Enable Google Analytics

Google Analytics によるオーディオ再生の追跡を可能にする。

Use graphical player

有効にすると、グラフィカルなプレイヤーを使う。

無効にすると、「play」「stop」のテキストリンク。

Replace all mp3 links

有効にすると、MP3 ファイルへのリンクタグ(<a href=”filename.mp3″>filename</a>)を、Haiku Player に置き換える。

Replace WP Audio Player [audio: file.mp3] syntax

有効にすると、[audio: filename.mp3]を、Haiku Player に置き換える。

スポンサード リンク

カテゴリー: WordPress, プラグイン パーマリンク