anc0 Music Player v1.0.1

3つのデザイン

オリジナルのデザイン画をもとに、Dark・Light・Cyberを実装しました。作品の雰囲気や記事の配色に合わせて選べます。

できること

• 曲名・アーティスト名・ジャケットを表示。長い曲名はスクロール表示。
• 再生／一時停止／停止・音量調整・ミュート・シーク操作。
• スペクトラム表示と曲の詳細パネル。
• 複数の曲を同じページに設置でき、別の曲を再生すると先に再生していた曲は自動で一時停止。
• Dark・Light・Cyberを曲ごとに指定。全体の初期設定も管理画面で変更可能。
• 記事カラムの幅が狭いときは2段に切り替わるレスポンシブ設計。

スペクトラムは解析可能な同一オリジン音源では実音声連動（FFT）。外部音源など解析できない場合は演出アニメーションになります。

インストールと楽曲登録

1. WordPressのバックアップを取ります。
2. 管理画面の「プラグイン」→「新規プラグインを追加」→「プラグインのアップロード」から、配布ZIPを展開せずにアップロードして有効化します。
3. 「anc0 Music Player」→「楽曲管理（Tracks）」でメディアライブラリから音源とジャケットを選択します。
4. 曲名・アーティスト名・テーマを設定して保存し、自動生成されたショートコードをコピーします。
5. 投稿・固定ページの「ショートコード」ブロックに貼り付けます。

旧v9を利用している場合は、先にバックアップを取り、旧プラグインを無効化してから配布版を有効化してください。既存ショートコードの表示も確認してください。

ショートコードの使い方

管理画面で楽曲を登録すると、曲ごとに専用IDが発行されます。

[anc0_track id="1"]

曲ごとにテーマを変更する場合：

[anc0_track id="1" theme="cyber"]

旧バージョンのメディアID直接指定形式も引き続き利用できます。

[anc0_track audio_id="710" cover_id="711" title="Kawaii Coding Time" artist="anc0"]

※ 上記のIDは書き方の例です。実際の管理画面に表示された楽曲ID・メディアIDに置き換えてください。テーマ指定は dark / light / cyber に対応します。

実際のプレーヤーを試す

操作感は紹介記事の実機デモから確認できます。再生、音量、シーク、曲詳細などをお試しください。

あんこ。×ちゃっぴーの紹介記事と再生デモはこちら →

この専用ページにもデモを置きたい場合は、ページ本文のカスタムHTMLブロックの直後に「ショートコード」ブロックを追加して、[anc0_track id="実際の楽曲ID"] を入力してください。カスタムHTMLブロック内にショートコードを直接書いても、通常は実行されません。

v1.0.1の更新内容

• 長い曲名のスクロール動作を修正。
• Cyberテーマの角張った本体形状とネオン外周をデザイン画に合わせて調整。
• PCの狭い記事カラムでも2段表示へ切り替わるよう改善。
• 動きを減らす設定と各テーマの初期タグラインを調整。

対応環境・仕様

音源・ジャケットは、ご自身が権利を持つもの、または利用許諾のあるものを使用してください。外部メディアURLを設定した場合、その配信元へ訪問者のブラウザからアクセスが発生します。