带有<音频>JavaScript

Playlist with <audio> JavaScript

本文关键字：JavaScript gt 音频 带有 lt      更新时间：2023-09-26

我正在创建一个个人小网站，我想在上面播放一些歌曲

<script type="text/javascript">
var i=1;
var nextSong= "";
var audioPlayer = document.getElementById('audio');
audioPlayer.onended = function(){
    i++
    nextSong = "Music/"+i+".mp3";
    audioPlayer.src = nextSong;
    audioPLayer.load();
    audioPlayer.play();
    if(i == 37) // this is the end of the songs.
    {
        i = 1;
    }
    
}
</script>
<audio id="audio"  src="Music/1.mp3"controls="controls" autoplay="autoplay"   align=""> </audio>

然而，我无法让它发挥作用。它只播放第一首歌，不执行JS。例如，我尝试过提醒i的状态，但它没有任何作用。

试试这个：

<script type="text/javascript">
var i=1;
var nextSong= "";
function setup() {
    document.getElementById('audio').addEventListener('ended', function(){
        i++;
        nextSong = "Music/"+i+".mp3";
        audioPlayer = document.getElementById('audio');
        audioPlayer.src = nextSong;
        audioPLayer.load();
        audioPlayer.play();
        if(i == 37) // this is the end of the songs.
        {
            i = 1;
        }
        }, false);
}
</script>
<body onLoad="setup();">
<audio id="audio"  src="Music/1.mp3"controls="controls" autoplay="autoplay"   align=""> </audio>
</body>

需要对此答案进行修改。你还需要识别音频播放器，否则这将不起作用。。。

<script type="text/javascript">
function setup() {
    var i=1;
    var nextSong= "";
    audioPlayer = document.getElementById('audio');
    document.getElementById('audio').addEventListener('ended', function(){
        i=i+1;
        nextSong = "m"+i+".mp3";
        audioPlayer.src = nextSong;
        audioPlayer.load();
        audioPlayer.play();     
        }, false);
}
</script>
<body onLoad="setup();">
<audio id="audio"  src="m1.mp3" controls="controls" autoplay="autoplay" align=""> </audio>
</body>
var i=1；var nextSong="；function setup（）｛document.getElementById（'audio'）.addEventListener（'ended'，function（）｛i++；nextSong="Music/"+i+".mp3"；audioPlayer=document.getElement ById（'audio'）；audioPlayer.src=nextSong；audioPlayer.load（）；audidPlayer.play（）；if（i==37）//这是歌曲的结尾。｛i=1；｝，false）；｝
相关文章：