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