我正在尝试使用audiojs插件创建一个 HTML5 播放列表。我的播放列表位于外部 XML 文件中,因为它由自定义 CMS 管理:
<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 中的每个项目并在其自己的列表项目中输出该数据。