随机音频文件生成的html5音频

Question

我试图做一个简单的页面，它有一个基本的html5音频播放器，但我希望播放器是来自特定文件夹的随机音频文件。

我试图寻找和研究，但我想出了一个剧本，但它会产生一个空白页

例子：

<audio> 
<?php 

$dir = 'files/'; 
$scan = scandir($dir); 

for ($i = 0; $i<count($scan); $i++) { 

    if ($scan[$i] != '.' && $scan[$i] != '..') { 
     echo $scan[$i]; 
    } 
}; 
?> 
</audio> 

我知道的音频控制，但我不担心关于这一点。

此外，如果我得到这个解决方案，我也试图让php和html5音频生成随机音频文件的id3。

Answer 1

您正在错误地使用音频标签。你需要像这样：

<audio src="<?php #php code to echo file here ?>"></audio> 

你把文件的URL放在src属性中，而不是标签的内容。只有某些类型的文件适用于不同的浏览器。 OGG文件格式适用于大多数浏览器，但有些需要mp3。确保您具有正确的文件格式，以便其正常工作。

Answer 2

我这个尝试我和它的工作原理：（修订版）

$dir = '../sound/'; // Change this so IT's true for your case. 
$scan = scandir($dir); 
$size = sizeof($scan); 
$random = rand(1, $size); 
$randomFile = $scan[$random]; 
$fileLocation = $dir. $randomFile; 

现在你可以得到文件的扩展名：

$explode = explode(".", $randomFile); 
$extension = $explode[1]; 

全部工作代码：

<audio controls> 
    <source src="<?php echo $fileLocation; ?>" type="audio/<?php echo $extension; ?>"> 
</audio>