HTML5 & jQuery - Player com playlist pré-definida

<style>

    .content {
      margin: 0 auto;
      max-width: 720px;
      padding: 12px 0;
    }
    .centro {
      margin: 0 auto;
      float: none !important;
    }
    .margin-0 {
      margin: 0;
    }

    #player {
      width: 100%;
    }
    #title {
      padding-left: 14px;
      overflow: hidden;
      height: 28px;
      text-overflow: ellipsis;
        white-space: nowrap;
    }

</style>

<div class="container">

    <div class="content">

        <div class="row">

            {{-- {{ app_path() }} --}}
            <div class="col-sm-6 centro">

                <div class="col-xs-12">

                    <h3 class="bold" id="title"></h3>

                    <audio class="" id="player" autoplay controls preload>
                         <source id="player-source" type="audio/mpeg"/>
                    </audio>

                </div>

                <div class="col-xs-6">

                    <a id="link" class="btn btn-default" target="_blank" href="" title="Baixar"><i class="fa fa-download"></i></a>

                </div>

                <div class="col-xs-6 text-right">

                    <a href="#" id="btnSort" class="btn btn-warning clearfix " type="button" title="Sortear"><i class="fa fa-random"></i></a>
                    <a href="#" id="btnNext" class="btn btn-default clearfix " type="button" title="Próxima"><i class="fa fa-fast-forward"></i></a>

                </div>

            </div> <!-- fim centro -->

            <div class="clearfix"></div>

        </div> <!-- fim row -->

    </div> <!-- fim content -->

</div>

    <script>

        diretorio = "/pasta/subpasta";
        musicas = [
            "http://www.insejecangola.com/mp3/03%20Fiel%20A%20Mim.mp3",
            "http://www.insejecangola.com/mp3/02%20Fala%20Comigo.mp3",
            "http://www.igrejabatistarestauracao.com/webroot/file/mixpod/Eyshila%20-%20Terremoto.mp3",
            "http://www.igrejabatistarestauracao.com/webroot/file/mixpod/Eyshila%20-%20%C9%20Assim%20Que%20Eu%20Quero%20Te%20Adorar.mp3",
            "http://www.cadecristo.com.br/GospelMusic/Eyshila/2-O_Deus_que_eu_amo.mp3"
            ];

        titulos = [
            "Fiel a mim",
            "Fala comigo",
            "Terremoto",
            "É assim que eu quero te adorar",
            "O Deus que eu amo"
            ];

        ft = "";
        qt = musicas.length
        musicaAtual = 0;

        carregaMusica();

            $("#btnSort").click(function(e) {
                e.preventDefault();

                ft = musicaAtual

                faixa = rand(0,parseFloat(qt)-1);

                if (faixa != musicaAtual || faixa != ft || musicaAtual != 0) {

                    musicaAtual = faixa;

                } else {

                    musicaAtual = 0

                }

                link = musicas[musicaAtual];
                $("#link").attr("href", link+"?=");
                $("#title").empty().html('<i class="fa fa-play"></i> '+titulos[musicaAtual]);

                carregaMusica();
                // this.play();

            });

            $("#btnNext").click(function(e) {
                e.preventDefault();

                faixa = musicaAtual
                faixa++
                musicaAtual = faixa

                if (musicaAtual == qt) {
                    musicaAtual = 0
                }

                link = musicas[musicaAtual];
                $("#link").attr("href", link+"?=");
                $("#title").empty().html('<i class="fa fa-play"></i> '+titulos[musicaAtual]);

                carregaMusica();
                // this.play();

            });

            document.getElementById('player').addEventListener('ended', function(){
                this.currentTime = 0;
                faixa = musicaAtual
                faixa++
                musicaAtual = faixa

                if (musicaAtual == qt) {
                    musicaAtual = 0
                    // this.pause();
                }

                link = musicas[musicaAtual];
                $("#link").attr("href", link+"?=");
                $("#title").empty().html('<i class="fa fa-play"></i> '+titulos[musicaAtual]);

                carregaMusica();
                this.play();

            }, false);

        function carregaMusica() {

            $("#player-source").attr("src", musicas[musicaAtual]);
            link = musicas[musicaAtual];
            $("#link").attr("href", link+"?=");
            $("#player").load();
            $("#title").empty().html('<i class="fa fa-play"></i> '+titulos[musicaAtual]);

        }

        function rand(num_minimo,num_maximo) {

        return Math.floor((Math.random() * (num_maximo-num_minimo+1))+num_minimo);

        }

    </script>