Обновить текущую песню

Я знаю, что есть много вопросов по этому вопросу, но, к сожалению, я не могу найти правильный ответ, поэтому я попробую еще раз.

Я просто хочу отобразить текущую песню из " http://178.19.116.253/currentsong?sid=1" на моем сайте, которая должна обновляться каждые x секунд. Я предпочитаю не использовать php, потому что это сделает фоновый процесс для всех пользователей, поэтому я видел много маленьких скриптов, подобных этому..

<div id="sc_stats"><?php include_once 'sc_stats.php'; ?></div>    
var refreshId = setInterval(function() {
$.get("sc_stats.php", function(data) {
    $("#sc_stats").html(data);
});

}, 10000);

Но я не могу заставить мою работать без php. Кто-то может мне помочь с этим?

Источник

0 ответов

Вам не нужно использовать php, следующий фрагмент, который использует только jQuery, будет отображать текущую песню и обновлять ее каждую секунду.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div class="nowplaying"></div>
    <script src="https://cdn.jsdelivr.net/jquery/3.2.0/jquery.min.js"></script>
    <script>

        setInterval(function() {
            $.ajax({
                url: "http://178.19.116.253/currentsong?sid=1",
                dataType: "html",
                success: function(data) {
                    $('.nowplaying').text(data);
                    console.log(data);
                }
            }); 
        }, 1000);   

    </script>
</body>
</html>

Примечание: чтобы заставить это работать, либо:

  • Этот фрагмент кода должен выполняться на том же домене / сервере, что и ваш поток
  • Или CORS должен быть включен на вашем сервере. Подробнее о CORS можно найти здесь

Вы можете протестировать CORS с помощью следующего подключаемого модуля Chrome: Allow-Control-Allow-Origin:

Источник
Другие вопросы по тегам