audiojsプラグインを使用して HTML5 プレイリストを作成しようとしています。カスタム CMS によって管理されているため、プレイリストは外部 XML ファイルにあります。
<playlist>
<item>
<title>bla bla bla</title>
<artist>Big Bla</artist>
<path>/mp3/bla-bla-bla.mp3</path>
</item>
<item>
<title>bla bla blab</title>
<artist>lil Big Bla</artist>
<path>/mp3/bla-bla-bla.mp3</path>
</item>
</playlist>
これは私の .php ファイルです:
<div id="player-holder">
<audio preload></audio>
<ul>
<li>
<a data-src="track path" href="#">title</a>
</li>
<li>
<a data-src="track path" href="#">title</a>
</li>
<li>
<a data-src="track path" href="#">title</a>
</li>
</ul>
</div>
XML ドキュメントから曲のパスを取得して「data-src」属性に追加し、曲のタイトルを取得してアンカー リンクとして表示する必要があります。
プレイリストには約 6 つのトラックがあるので、XML の各アイテムをループして、そのデータを独自のリスト アイテムに出力する必要があります。