Question

我已经通过xampp在phpmyadmin上创建了一个数据库。我目前正在尝试制作一个音乐播放器，我很难将我的音乐文件夹链接到我的PHP编码。我不知道正确的语法或我应该在编码中实现音乐播放器的位置。

This is how my php translate currently and if you look at the Play column, it references the audio file's name

And this is where all my music is stored

有人请帮助我，请...... 1

这是我的编码

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
     border: 1px solid black;
}
</style>
</head>
<body>

<?php

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "jukebox";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
     die("Connection failed: " . $conn->connect_error);
} 


$sql = "SELECT * FROM Music";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
     echo "<table>

     <tr>

     <th>Artist</th>
     <th>Title</th>
     <th>Album</th>
     <th>Albumcover</th>
     <th>Play</th>
     </tr>";

// output data of each row
     while($row = $result->fetch_assoc()) {

         echo 

         "<tr>

         <td>" . $row["Artist"]. "</td>
         <td>" . $row["Title"]. "</td>
         <td>" . $row["Album"]. "</td>
         <td><img src='/jukebox/img/" . $row["Albumcover"] ."' alt=".$row["Albumcover"]."></td>
         <td>" . $row["Play"]  . "></td>



         </tr>";
     }
     echo "</table>";



} else {
     echo "0 results";
}



?>  


</body>
</html>

Answer 1

您需要使用html5音频标签才能播放存储在驱动器上的mp3文件，您可以使用以下语法

<audio controls>
  <source src="link/to/mp3file/name.mp3" type="audio/mpeg">
</audio>

修改

<tr>
  <td>" . $row["Artist"]. "</td>
  <td>" . $row["Title"]. "</td>
  <td>" . $row["Album"]. "</td>
  <td>
    <img src='/jukebox/img/" . $row["Albumcover"] ."' alt=".$row[" Albumcover "].">
  </td>
  <td>
    <audio controls>
      <source src='/jukebox/mp3/" . $row["Play"] ."' type="audio/mpeg">
    </audio>

  </td>

试试这个。

Answer 2

<td>
  <img src='"<?php echo $_SERVER['DOCUMENT_ROOT']; ?>"'/jukebox/img/" . $row["Albumcover"] ."' alt=".$row["Albumcover"].">
</td>

尝试这个

如何在PHP上创建目录路径

2 个答案: