Возникла проблема с js с путём к файлу, в чём проблема?

Question

[RamPM]

PHP:

while($row = mysqli_fetch_assoc($sng)) {
echo "<div class='ppl-l'>".preg_replace('/\.mp3$/', '', $row['url'])."</div><br>
<audio src='/up-files/music/".$row['url']."'/>";
}

JS:

<script>
        $(function() {
            // Setup the player to autoplay the next track
            var a = audiojs.createAll({
                trackEnded: function() {
                    var next = $('ol li.playing').next();
                    if (!next.length) next = $('ol li').first();
                    next.addClass('playing').siblings().removeClass('playing');
                    audio.load($('a', next).attr('data-src'));
                    audio.play();
                }
            });

            // Load in the first track
            var audio = a[0];
            first = $('ol a').attr('data-src');
            $('ol li').first().addClass('playing');
            audio.load(first);

            // Load in a track on click
            $('ol li').click(function(e) {
                e.preventDefault();
                $(this).addClass('playing').siblings().removeClass('playing');
                audio.load($('a', this).attr('data-src'));
                audio.play();
            });
            // Keyboard shortcuts
            $(document).keydown(function(e) {
                var unicode = e.charCode ? e.charCode : e.keyCode;
                // right arrow
                if (unicode == 39) {
                    var next = $('li.playing').next();
                    if (!next.length) next = $('ol li').first();
                    next.click();
                    // back arrow
                } else if (unicode == 37) {
                    var prev = $('li.playing').prev();
                    if (!prev.length) prev = $('ol li').last();
                    prev.click();
                    // spacebar
                } else if (unicode == 32) {
                    audio.playPause();
                }
            })
        });
    </script>

Comments

[Kovalsky]

Во-первых, у вас до чёрта ошибок, лучше их сначала все убрать. Во-вторых, вы грузите HTML код в качестве звуковой дорожки, о чем вам недвусмысленно сообщает консоль. К тому же адрес у вас заканчивается словом "undefined", скорее всего в процессе формирования адреса произошла ошибка.

[RamPM]

Никита Полевой, а как тогда подгружать правильно? Ибо без применения тега audio с JS достаточно было прописать путь к файлу

[Kovalsky]

RamPM, что у вас лежит по адресу .../undefined ?

[RamPM]

Никита Полевой, в том-то и дело, что адрес выглядит так: /up-files/music/, в инспекторе высвечивается весь тег так
<audio src=“undefined”></audio>

[Kovalsky]

RamPM, ну, инспектор врёт крайней редко, а значит вы где-то в коде меняете src. Может быть там где делаете load? Насколько я знаю этот метод не принимает аргументы.

К тому же посмотрите исходный код этой страницы.

[RamPM]

Никита Полевой, нет, метод load не применяется, есть вот ещё часть кода:

<script>
  audiojs.events.ready(function() {
    var as = audiojs.createAll();
  });
</script>

[RamPM]

Никита Полевой, вообще - это библиотека, audio.js, может быть применён в файле audiojs.min.js

[RamPM]

RamPM, kolber.github.io/audiojs