Для моего школьного проекта мне нужно создать mp3-плеер на JavaScript, что я и сделал. Он отлично работает с предопределенным списком песен. Итак, на данный момент у меня есть файлы, хранящиеся в каталоге mp3 и таблица с информацией для каждой песни, и все это в виде обычного HTML. Мои знания MySql и PHP находятся на начальном уровне, и я стараюсь совершенствоваться с каждым днем.
Но теперь мой учитель считает, что это легко, и теперь мне нужно сделать это:
Все это не проблема для меня, но следующая часть — это проблема (сейчас, я надеюсь, что это так :))
Я пытался найти ответ или какой-то пример, но безуспешно. В вопросах безопасности нет никаких ограничений и важных вещей, так что не беспокойтесь об этом. Просто любой рабочий код был бы хорош или указывал, как это сделать. Спасибо 🙂
РЕДАКТИРОВАТЬ: таблица теперь выглядит так:
<ul id="playlist" class="hidden">
<li song="Guns and Roses - Sweet child of mine.mp3" cover="guns.jpeg" ">Guns and Roses - Sweet child of mine.</li>
<li song="Guns and Roses - Welcome to the Jungle.mp3" cover="guns.jpeg" ">Guns and Roses - Welcome to the Jungle</li>
<li song="Michael Jackson - I Just Cant Stop Loving You.mp3" cover="mj.jpg" ">Michael Jackson - I Just Cant Stop Loving You</li>
<li song="Michael Jackson - Thriller.mp3" cover="mj.jpg" ">Michael Jackson - Thriller</li>
<li song="Joe Cocker - Up Where We Belong.mp3" cover="joe.jpg" ">Joe Cocker - Up Where We Belong</li>
</ul>
Мне нужно сделать его динамичным, заполнить данными из базы данных и уметь проигрывать их.
Вот как я это сделал.
Во-первых, я использовал список вместо таблицы. Затем я создал таблицу с именем песни (name.mp3), которая автоматически отправляется в базу данных при загрузке песен. Песня и обложка
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT * FROM songs";
$result = $conn->query($sql);if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
echo '<li song="', $row["name"], '" cover="', $row["cover"], '">', $row['name'] , '</li>';}
} else {
echo "0 results";
}
$conn->close();
?>
Часть, когда пользователь выбирает песни, мне пока неизвестна, но это нормально и работает нормально.
Других решений пока нет …