javascript - 从 xml 文件创建 html5 播放列表

Question

我正在尝试使用 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 中的每个项目并将该数据输出到其自己的列表项中。

Answer 1

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 } ?>