我正在尝试使用 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”属性中,并获取歌曲标题并将其显示为 anchor 链接。
我有大约 6 个轨道进入播放列表,因此我需要循环遍历 XML 中的每个项目并将该数据输出到其自己的列表项中。
最佳答案
PHP 有一个内置的 XML 解析器。
http://php.net/manual/en/book.xml.php
编辑:如果您的结构提前已知,这个库可能会工作得更容易一些... http://www.php.net/manual/en/simplexml.examples-basic.php
使用它以及 CURL 或标准 file_get_contents()
调用,您应该能够让服务器检索 XML,将其解析为树结构,并迭代结果生成用于显示的 HTML。
<?php
$playlistXML = file_get_contents('http://whatever.cms.com/playlist.xml');
$playlist = new SimpleXMLElement($playlistXML);
foreach($playlist->item as $song) { ?>
<a href="<?= $song->path; ?>"><?= $song->title.' - '.$song->artist; ?> </a>
<?php } ?>
关于javascript - 从 xml 文件创建 html5 播放列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19234945/