I am trying to make an auto-play thing. How do I make it work?

[Officer Erik 1K-88]

I have this code, it works fine, but it doesn't loop back to the first audio file.

function autoPlayTrig() {
    var aPT = document.getElementById("autoPlay");
    if (aPT.innerHTML == "no") {
        CurAudio.play();
        aPT.innerHTML = "yes";
        playBTNlock("yes");
        CurAudio.onended = function() {
            if (curSetTrack == trackNum) {
                curSetTrack = 0;
                CurAudio.src = trackArray[curSetTrack].split("||")[0];
                nt.innerHTML = trackArray[curSetTrack].split("||")[1];
                tkLan.innerHTML = trackArray[curSetTrack].split("||")[2];
                ttn.innerHTML = curSetTrack;
               
                CurAudio.play();
            } else {
                curSetTrack += 1;
                CurAudio.src = trackArray[curSetTrack].split("||")[0];
                nt.innerHTML = trackArray[curSetTrack].split("||")[1];
                tkLan.innerHTML = trackArray[curSetTrack].split("||")[2];
                ttn.innerHTML = curSetTrack;
               
                CurAudio.play();
            }
        }
    } else if (aPT.innerHTML == "yes") {
        CurAudio.pause();
        aPT.innerHTML = "no";
        playBTNlock("no");
    }
}

As I said, it works, but when it gets to the end of the last audio file, it doesn't loop back to the first audio file.

CurAudio is the audio tag in the HTML.
nt is the name of the audio file.
tkLan is the length of the audio file.
ttn is the position the audio file is in the playlist.
trackArray is the array where all audio files and necessary data of them are held.
playBTNlock is the function that says whether or not the normal play button is disabled.

So, how do I make it loop back to the first audio file?

 

[MeMate]

In other words, that line isn't working???

CurAudio.src = trackArray[curSetTrack].split("||")[0];

What does console log say about?

console.log(trackArray[curSetTrack].split("||")[0]);

Maybe you give that a try

CurAudio.stop();
CurAudio.src = null;
CurAudio.src = trackArray[curSetTrack].split("||")[0];

 

[Officer Erik 1K-88]

In other words, that line isn't working???

CurAudio.src = trackArray[curSetTrack].split("||")[0];

What does console log say about?

console.log(trackArray[curSetTrack].split("||")[0]);

Maybe you give that a try

CurAudio.stop();
CurAudio.src = null;
CurAudio.src = trackArray[curSetTrack].split("||")[0];

That's the thing, CurAudio.src = trackArray[curSetTrack].split("||")[0]; is working, but when the last audio plays it just doesn't loop back to the first, but when I play the last audio again once it ends it does go back, so I believe that the if (curSetTrack == trackNum){...} isn't being triggered, so how do I make it so that it does, as I do believe that it is my problem.

CurAudio.onended = function() {
    if (curSetTrack == trackNum) {
        // this part is to loop back to first audio file when last audio file ends playing
        // but that doesn't happen, it doesn't loop back, so I believe that this part is not triggering
        curSetTrack = 0;
        CurAudio.src = trackArray[curSetTrack].split("||")[0];
        nt.innerHTML = trackArray[curSetTrack].split("||")[1];
        tkLan.innerHTML = trackArray[curSetTrack].split("||")[2];
        ttn.innerHTML = curSetTrack;
        
        CurAudio.play();
    } else {
        // code to loop through the audio files, this part works
    }
}

So I do know that the problem has nothing to do with trackArray[curSetTrack].split("||")[0], as that is working properly.

 

[MeMate]

Sorry to say that, but i really don't understand a bit of your code.

trackNum is the number of songs. Right? curSetTrack is your current key for your songs (0 - array.length) right?

My guess is, you'll never reach the same number. I don't know how everything is generated, but i guess it should be

if (curSetTrack == (trackNum-1)) {

Best thing to find figure if curSetTrack and trackNum equals at some point is to try this

console.log('CUR SET TRACK: '+curSetTrack+'\nTrack Num: '+trackNum);
if (curSetTrack == trackNum) {

Then have a look at your console what it says.

Explanation of my guess (trackNum-1)

An array with 4 Values e.g. "Apple","Peach","Cherry","Berry" do not mean 1,2,3,4 as keys. But 0,1,2,3. As you actually already know. You do curSetTrack = 0; which is correct. An array with "Apple","Peach","Cherry","Berry" in it has a length of four. if tracknum is equal to your array.length, then curSetTrack can't reach the required number. Because as it starts on 0 and not on 1.

If that's the case, this

if (curSetTrack == (trackNum-1)) {

should work.

 

[MeMate]

Ups, sorry.
You wrote:

CurAudio is the audio tag in the HTML.
nt is the name of the audio file.
tkLan is the length of the audio file.
ttn is the position the audio file is in the playlist.
trackArray is the array where all audio files and necessary data of them are held.
playBTNlock is the function that says whether or not the normal play button is disabled.

which already explains your code. Okay. Then as i wrote,

THIS

if (curSetTrack == (trackNum-1)) {

will solve your problem. Explanation is above.

 

[Officer Erik 1K-88]

Ups, sorry.
You wrote:
which already explains your code. Okay. Then as i wrote,

THIS

if (curSetTrack == (trackNum-1)) {

will solve your problem. Explanation is above.

Thank you, this worked.