隨機音頻文件生成的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>