Question

我试图转换我的MP3播放器的HTML5脚本，以便它动态地从文件夹中读取mp3文件，而不是我静态地在脚本中输入文件名。当html和php出现时，我仍然是新手。所以，我很欣赏任何指示。这是我原始代码的一小部分，完美无缺：

</audio>


<!--Audio in our Playlist-->
<div class="Playlist">
<ul class="playlist">

     <li audiourl ="data/Song1.mp3">Song1</li>
     <li audiourl ="data/Song2.mp3">Song2</li>
     <li audiourl ="data/Song3.mp3">Song3</li>
     <li audiourl ="data/Song4.mp3">Song4</li>
     <li audiourl ="data/Song5.mp3">Song5</li>
     <li audiourl ="data/Song6.mp3">Song6</li>


</ul>
</div>

这是我尝试过的代码，但它不显示文件。如果我把$ file变量放在＆＃34; ...＆gt; $ file＆lt; ...＆＃34;之间它显示具有我的css表的预期样式的文件。但是，选择后文件将无法播放。我不认为我需要更改我的Javascript文件：

</audio>


<!--Audio in our Playlist-->
<div class="Playlist">
<ul class="playlist">
<?php $files = scandir( "data/" ); ?>
     <?php foreach ( $files as $file )
     if ( $file != '.' && $file != '..' )
         echo "<li audiourl=\"data/$file\"></li>"; ?>

</ul>
</div>

我欣赏任何方向......

Answer 1

您可以多次在echo语句中使用$file变量：

echo "<li audiourl=\"data/$file\">$file</li>";

这将打印如下内容：

<li audiourl ="data/Song1.mp3">Song1.mp3</li>

要删除文件扩展名，您可以使用rtrim：

echo "<li audiourl=\"data/$file\">" . rtrim($file, ".mp3")  . "</li>";

哪个会给你：

<li audiourl ="data/Song1.mp3">Song1</li>

如何使用HTML5从文件夹中的文件创建动态播放列表

1 个答案: