「AudioIgniter Music Player」はWordPressで音楽を再生するコンテンツを作りたい、音楽をダウンロードしたり販売したりしたいときに重宝するプラグインです。
【AudioIgniter Music Player】プラグインの用途や機能
「AudioIgniter Music Player」は、メディアにアップロードした音楽ファイルをプレイリストにし、ショートコードで投稿や固定ページへ挿入することで音楽プレーヤーとして表示できるようになるプラグインです。
公式ページではmp3形式のファイルが再生できるという風に書いてありますが、サポートフォーラムの中で「AudioIgniterはシステムのオーディオ再生機能を利用するため、再生可能なファイルと再生不可能なファイルの種類はユーザーのOSとブラウザのバージョンによって決まります。．．」と書かれているように、ブラウザが対応するのであればmp3以外の形式のファイルも扱うことができます。
テストした限りではaac形式、wav形式のファイルでも大丈夫でした
また、音楽のダウンロードができるようにしたり、販売ページへのリンクボタンを表示させたりできるので、Woocommerceプラグインなどと連携させて音楽ファイルの販売サイトを作ることもできるようです（販売に関しては本サイトではテストしていません）。
本ページを最後に編集したときの環境・バージョンなど
プラグインは製作者によって日々更新されていくため、この紹介記事が最新バージョンのものであるとは限りません。参考までにこの記事の最終更新日時点におけるテスト環境、プラグインバージョン、プラグイン導入時の留意点などを記載しておきます。
プラグインを使用（試用）したテスト環境
- テストサーバー：カラフルボックス
- WordPressのバージョン：6.9
- PHPのバージョン：8.3
- テーマ：HA Twenty Twenty-Three(Twenty Twenty-Threeのフォークテーマ)
- プラグインのバージョン：記事更新時のバージョン ／最新バージョン [wp-pic slug=”audioigniter” custom=”version”]
本記事を参考にWordPressサイトへプラグインの導入を検討される方へ
WordPressは古くから無料で配布されているサイト作成ツール（CMS）で、随時改良が加えられており、さまざまなバージョンが存在します。
さらにWordPressを動かすためのプログラムであるPHP、サイトのデータを保存しておくためのデータベースについても様々なバージョンがあります。
そしてWordPress本体同様にプラグインについてもさまざまなバージョンが存在します。
本記事を参考にプラグインの導入をお考えの方は、以下に留意の上でインストールするようにしてください。
- テスト環境での動作に基づいた紹介記事ですので、すべての環境で正常に動作するかどうかは不明です
※本記事の内容についてはページ内に記載しているプラグインバージョンのものになります。現在のバージョンと異なる場合、機能や日本語対応の状況などが異なる場合があります。
※また、テスト環境、テストしたプラグインバージョン等の表示が本文内にない場合、ページタイトル下にある最終更新日当時の情報となりますので、現在のバージョンでは全く違う機能となっているかも知れません。 - プラグインに無料版と有料版（Pro版）がある場合、特に記載がなければ無料版の情報のみを紹介しています
- このページでプラグインを使用する際に必要なショートコードやコードなどは、コピーして使用することができますが、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。
- プラグイン本体の動作不具合や質問などは公式サイトのフォーラムなどで行ってください（ここでは質問にお答えすることはできません）
【AudioIgniter Music Player】プラグインの設定画面や表示画面の日本語化と翻訳
このプラグインは多言語対応であるものの日本語化はされていません。私が翻訳したものでよければ、以下のページで提供していますので、ご利用ください。
【AudioIgniter Music Player】プラグインのインストールと設定
インストール方法
インストールはプラグインの新規追加でプラグイン名を入力して検索してインストールするか、WordPressのプラグイン公式配布ページからダウンロード後、管理画面からアップロードインストールしてください（プラグインの公式ページは本ページ内記載のリンクをクリック、もしくは、WordPress公式サイトで検索してください）。
WordPressを使い始めて間もない方（初心者の方）は、より詳細なプラグインのインストール手順や、インストール時に起こる問題などへの対処方法をまとめた【WordPress】プラグインのインストール＆追加方法とエラー対処の方法も併せてご覧ください。
基本的な設定方法と使用方法
基本的には以下の流れで音楽プレーヤーを設置できます。
- 音楽ファイルをアップロードする
- 「AudioIgniter」メニューからプレイリストを作成する（公開する）
- プレイリスト作成画面に表示されるショートコードを任意の投稿や固定ページ内へ貼り付ける
カバー画像を表示させたり、プレイリスト内に表示させる内容を変更したり結構柔軟なことができます。
曲の設定で「ダウンロードリンク」と「購入リンク」のURLが指定できますが、両方とも指定した場合には「購入リンク」のURLが優先されるようです
一般に販売されている音楽ファイルには原則として著作権がありますので、そうした音楽のプレイリストを作成する際はサイト自体を非公開にするか、再生コンテンツを含むページを非公開にするなど、法令に違反しないように注意してください
【AudioIgniter Music Player】プラグインの便利な使い方・カスタマイズ方法など
このプラグインをより便利に使うカスタマイズ技、テストサイトで使用した結果や感想、WordPressのプラグイン公式配布ページには書かれていない情報、発見した不具合などを紹介します。
プレイリストの設定を一括変更したいときは
いくつかのプレイリストを作成してテストした後に気づいたのが、プレイリストの作成画面にいろいろな設定項目があり、それぞれのプレイリストごとに設定を行う必要があり、かつ、このプラグインにはデフォルトでの設定が存在しないため、作成するごとに項目のチェックの付け外しなどを行う必要があることで、複数のプレイリストを作成する際にいちいち設定をするのが面倒だと感じました。
このプラグインにはこの設定を変更できるフィルターフックが備わっていましたので、どのプレイリストでも同じようにしたい場合には、以下のコードを有効化しているテーマのfunctions.phpへ追加し、必要な項目のコメントを外して設定したい値に変更すればいいでしょう。
/*** audioigniterの表示形式を一括変更 ***/
function kb_custom_audioigniter_tracklist_height( $attrs, $post_id ) {
/*** プレーヤーと曲リスト ***/
//プレーヤーの外観 デフォルト full (full or simple)
//$attrs['data-player-type'] = 'full';
//デフォルトで曲リストを表示する デフォルト 1 (1:表示する or 0:表示しない)
//$attrs['data-display-tracklist'] = 1;
//曲リストの表示／非表示切り替えボタンを表示する デフォルト 1 (1:表示する or null:表示しない)
//$attrs['data-allow-tracklist-toggle'] = '';
//曲の順序 デフォルト 0 (1:降順 or 0:昇順)
//$attrs['data-reverse-track-order'] = 0;
//再生音量 デフォルト 100
//$attrs['data-volume'] = 100;
//曲リストの高さ制限 デフォルト 1 (1:する or 0:しない)
//$attrs['data-limit-tracklist-height'] = '1';
//曲リストの高さ デフォルト185
//$attrs['data-tracklist-height'] = 500;
//プレーヤーの最大幅 デフォルト Null(空欄)＝auto 実数で単位を付けて指定（50% 200pxなど．．）
//$attrs['data-max-width'] = '';
/*** 曲 ***/
//曲番号の表示／非表示 デフォルト 1 (1:表示 or 0:非表示)
//$attrs['data-display-track-no'] = '1';
//曲リストに曲のカバー画像を表示する デフォルト 1 (1:表示 or null:表示しない)
//$attrs['data-display-tracklist-covers'] = '';
//再生中の曲のカバー画像を表示 デフォルト 1 (1:表示 or null:表示しない)
//$attrs['data-display-active-cover'] = '';
//アーティスト名を表示する デフォルト 1 (1:表示 or 0:表示しない)
//$attrs['data-display-artist-names'] = '1';
//曲の追加ボタン（購入リンク、ダウンロードボタンなど）を表示する デフォルト 1 (1:表示 or null:表示しない)
//$attrs['data-display-buy-buttons'] = '';
//購入リンクを別ウインドウで開く デフォルト 1 (1:開く or 0:開かない)
//購入リンクにURLが入っている場合のみ作用する
//$attrs['data-buy-buttons-target'] = '1';
//曲リストの繰り返しをデフォルトで有効にする デフォルト 1 (1:有効 or 0:無効)
//$attrs['data-cycle-tracks'] = '0';
//曲リストに繰り返し切り替えボタンを表示する デフォルト 1 (1:表示する or null:表示しない)
//$attrs['data-allow-tracklist-loop'] = '';
//「Powered by AudioIgniter」リンクを表示する デフォルト 1 (1:表示する or null:表示しない)
//$attrs['data-display-credits'] = '';
//トラックのURL? デフォルト home_url( '/' )
//$attrs['data-tracks-url'] = 'https://xxx.com';
return $attrs;
}
add_filter( 'audioigniter_get_playlist_data_attributes_array', 'kb_custom_audioigniter_tracklist_height', 10, 2 );
ポチップ
ポチップ
