Ребята привет!) Я пишу код по заданию для сайта радиостанции, и у меня возникла проблема с плеером на странице. Проблема в том что я без понятия, как сделать так, чтобы обновлялись блоки “Сейчас” и “Далее”, в них выполняются запросы в базу данных. Нужно сделать так, чтобы они обновлялись по окончанию трека. Предоставляю код:
<?php
include "connect.php";
function currentSong($time) {
global $mysqli;
global $way;
global $time_next;
$result = $mysqli-> query("SELECT * FROM `music` WHERE `time` = '$time'");
$now;
foreach($result as $row) {
$image = "image";
$time = "time";
$image = $row["image"];
$time_now = substr($row["time"], 0, -3);
$now = <<<HTML
<div class="block_now_next">
<img class="swiper_img_music" src="{$image}">
<div>
<p class="text_40_swiper">{$row["name"]}</p>
<p class="text_36_swiper">{$row["author"]}</p>
<p class="text_36_swiper">Слушайте в {$time_now}</p>
</div>
</div>
HTML;
$way = $row["way"];
$time_next = $row["time_next"];
global $time;
$time = $row["time_next"];
}
return $now;
}
function nextSong($time_next) {
global $mysqli;
global $way;
global $time_next;
$result = $mysqli-> query("SELECT * FROM `music` WHERE `time` = '$time'");
$next;
foreach($result as $row) {
$image = "image";
$time = "time";
$image = $row["image"];
$time_now = substr($row["time"], 0, -3);
$next = <<<HTML
<div class="block_now_next">
<img class="swiper_img_music" src="{$image}">
<div>
<p class="text_40_swiper">{$row["name"]}</p>
<p class="text_36_swiper">{$row["author"]}</p>
<p class="text_36_swiper">Слушайте в {$time_now}</p>
</div>
</div>
HTML;
}
return $next;
}
?>
<fifth_screen>
<div class="text_now_next">
<p class="name_now_next">Сейчас</p>
<p class="name_now_next">Далее</p>
</div>
<div class="now_next">
<?php
$time = '00:00:00';
$time_next = '00:00:00';
$way;
echo currentSong($time);
echo nextSong($time_next);
?>
</div>
<div class="player_center">
<div id="player"></div>
<script>
let player = new Playerjs({id:"player", file:"<?php echo $way ?>"});
let count = 1;
document.getElementById('player').addEventListener('end', () => {
console.log(`<?php echo $time ?>`)
})
</script>
</div>
</fifth_screen>
Буду очень благодарен за помощь!)
New contributor
NeONovV is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1