Javascript 单击即可加载不同的m3u播放列表和mp3

Javascript 单击即可加载不同的m3u播放列表和mp3,javascript,media,Javascript,Media,我正在尝试为我的网站制作一个音频播放器,在点击时播放专辑播放列表M3U和个人mp3。它们将是几个播放列表和mp3,所以我需要这首歌自动转到下一首歌。我需要选择转到下一首歌或上一首歌 我相信我已经开始为playLast和playNext编写代码,但我不知道如何编写函数脚本,以便为其分配一个按钮 <script> var player; var intv; var slider; //Init // ////////////////////

我正在尝试为我的网站制作一个音频播放器,在点击时播放专辑播放列表M3U和个人mp3。它们将是几个播放列表和mp3,所以我需要这首歌自动转到下一首歌。我需要选择转到下一首歌或上一首歌

我相信我已经开始为playLast和playNext编写代码,但我不知道如何编写函数脚本,以便为其分配一个按钮

<script>
    var player;
    var intv;
    var slider;
    //Init
    //
    ////////////////////////////
    window.onload = function()
    {
        document.getElementById('btnlast').addEventListener('click',playLast, false);
        document.getElementById('btnPlay').addEventListener('click', playMusic, false);
        document.getElementById('btnPause').addEventListener('click', pauseMusic, false);
        document.getElementById('btnStop').addEventListener('click', stopMusic, false);
        document.getElementById('btnVolUp').addEventListener('click', volUp, false);
        document.getElementById('btnVolDown').addEventListener('click', volDown, false);
        player = document.getElementById('player');
        slider = document.getElementById('sliderTime');
        slider.addEventListener('change', reposition, false);
    }

    function reposition()
    {
        player.currentTime = slider.value;
    }


    //Volume Controls
    //
    // 0.0  Silent - 1.0 Full Volume
    /////////////////////////////
    function volUp()
    {
        if(player.volume < 1)
        {
            player.volume += 0.1;
            console.log(player.volume);
        } else
        {
            player.volume = 1;
        }
    }

    function volDown()
    {
        if(player.volume > 0)
        {
            player.volume -= 0.1;
            console.log(player.volume);
        } else
        {
            player.volume = 0;
        }
    }
    //Music Play Controls
    //
    ///////////////////////////
    function playMusic()
    {
        player.play();
        intv = setInterval(update, 100);
        slider.max = player.duration;
    }

    function update()
    {
        document.getElementById('songTime').innerHTML = millisToMins(player.currentTime);
        slider.value = player.currentTime;
    }

    function millisToMins(seconds)
    {
        var numminutes = Math.floor((((seconds % 31536000) % 86400) % 3600) / 60);
        var numseconds = (((seconds % 31536000) % 86400) % 3600) % 60;
        if (numseconds >= 10)
        {
            return "Time Elapsed: " + numminutes + ":" + Math.round(numseconds);
        } else
        {
            return "Time Elapsed: " + numminutes + ":0" + Math.round(numseconds);
        }
    }

    function pauseMusic()
    {
        player.pause();
        clearInterval(intv);
    }

    function stopMusic()
    {
        player.pause();
        player.currentTime = 0;
        clearInterval(intv);
    }

1如果您的问题不涉及jQuery,请不要使用jQuery标记。2实际使用jQuery,您的代码会短得多/简单得多:3请展示您的HTML示例,以避免其他人不得不模拟它!抱歉@TrueBlueAussie没有意识到,但我对Jquery和Javascript是个业余爱好者