Home/ Questions/Q 3337604
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T00:16:20+00:00

im trying to create a sort of playlist feature that will work on the

  • 0

im trying to create a sort of playlist feature that will work on the iPhone using a combination of HTML5 and javascript. I’m very new to the platform and I was hoping maybe someone here could help me identify the problem with my code. The first song properly autoplays, but when it ends the next one does not load and play. The javascript code for my site is provided below, thanks in advance. (my apologies if this code is terribly messed up, i assembled this from what iv learned and what i could find different places online)

<script type="text/javascript">
var songname="Bottoms Up";
var counter=1;
var totalsongs=3;
while (counter<=totalsongs-1) {
document.write(<h2>songname</h2>);
switch (counter) {
case 1:
var nextSong="audio/Hey.mp3";
var audioPlayer=document.getElementById('audioPlayer');
audioPlayer.onend = function() {
audioPlayer.src = nextSong;
songname="Hey";
counter=(counter+1);
if(counter>totalsongs-1) {
counter=1;
    } //if close
    } //onend function close
case 2:
var nextSong="audio/I Like It.mp3";
var audioPlayer=document.getElementById('audioPlayer');
audioPlayer.onend = function() {
audioPlayer.src = nextSong;
songname="I Like It";
counter=(counter+1);
if(counter>totalsongs-1) {
counter=1;
    } //if close
    } //onend function close
} //switch close
} //while close
</script>
<center><audio src="audio/Bottoms Up.mp3" autoplay controls /></center>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    A few things:

    Give the audio element an id:

    <audio src="audio/Bottoms Up.mp3" autoplay controls id="audioPlayer" /></center>

    Use arrays instead of many variables:

    var songs=({{"title": "First title","filename":"firstfile.mp3"},
        {"title": "Second title","filename":"secondfile.mp3"}});

    Listen for the event ended like this:

    document.getElementById("audioPlayer").addEventListener("ended", nextSong, false);

    And put the script in the <head> element.

    • 0