动态音频播放器答案

【问题标题】：Dynamic Audio Player动态音频播放器
【发布时间】：2015-08-26 15:10:14
【问题描述】：

我有这个 php 文件。当您单击它们时，我无法在链接上方的音频播放器中播放显示为链接的歌曲。（请参阅我的帖子底部以查看页面的外观）

我也无法省略显示中不是 .mp3 文件的文件。

有人可以告诉我这是怎么做到的吗？我是 PHP 新手，所以会得到帮助。

<audio id="audio" preload="auto" tabindex="0" controls="" >
<source src="http://miksdev.co.uk/Audio/Professor%20Green%20-%20The%20Green%20Lectures%20Vol%201%282%29/08StayHigh.mp3">
//Your Fallback goes here
</audio>



<ul id="playlist">
<?php

//path to directory to scan
$directory = dirname(__FILE__)."/";

//get all files in specified directory
$files = glob($directory . "*");

//print each file name
foreach($files as $file)
{
 //check to see if the file is a folder/directory
 if(is_file($file))
 {

 if(basename($file)!="list.php"){
  ?>
 <li class="active">  
<a href="<?php echo basename($file); ?>"><?php echo basename($file); ?></a><br>
 </li>   
  <?php }}}?>
</ul>

以上文件将以下位置的文件显示为链接

Professor Green The Green Lectures Vol 2

You can see how the page looks at this link

【问题讨论】：

标签： javascript php jquery html audio

【解决方案1】：

您需要在 PHP 文件中添加 if 语句以丢弃非 MP3 文件。例如：

if (strtolower(pathinfo($file, PATHINFO_EXTENSION)) == 'php') {...}

您的 javascript 代码的问题是您过早调用 init() 函数。等待您的页面加载完毕并调用它。

你应该添加

<script type="text/javascript">
    init();
</script>

在页面底部（</body> 之前）并删除 audio with playlist.js 文件中的那个。

【讨论】：