Skip to content

Commit

Permalink
Auto play bug was fixed
Browse files Browse the repository at this point in the history
  • Loading branch information
Ctoic committed Jan 12, 2024
1 parent b778803 commit c8c3f86
Show file tree
Hide file tree
Showing 21 changed files with 9 additions and 46 deletions.
35 changes: 4 additions & 31 deletions app.js
Original file line number Diff line number Diff line change
@@ -1,41 +1,14 @@
document.addEventListener("DOMContentLoaded", function () {
const audioPlayer = document.getElementById("audio-player");
const playlistItems = document.querySelectorAll("#playlist li");
const prevBtn = document.getElementById("prev-btn");
const nextBtn = document.getElementById("next-btn");
let currentIndex = 0;

// Function to play the current track
function playTrack(index) {
const audioSource = playlistItems[index].getAttribute("data-src");
audioPlayer.src = audioSource;
audioPlayer.play();
}

// Initial play
playTrack(currentIndex);

// Event listener for "Next" button
nextBtn.addEventListener("click", function () {
currentIndex = (currentIndex + 1) % playlistItems.length;
playTrack(currentIndex);
});

// Event listener for "Previous" button
prevBtn.addEventListener("click", function () {
currentIndex = (currentIndex - 1 + playlistItems.length) % playlistItems.length;
playTrack(currentIndex);
});

// Event listener for playlist items
playlistItems.forEach((item, index) => {
playlistItems.forEach((item) => {
item.addEventListener("click", function () {
currentIndex = index;
playTrack(currentIndex);
const audioSource = this.getAttribute("data-src");
audioPlayer.src = audioSource;
audioPlayer.play();
});
});

// Event listener for form submission (comments)
const commentForm = document.getElementById("comment-form");
const commentsList = document.getElementById("comments-list");

Expand Down
Loading

0 comments on commit c8c3f86

Please sign in to comment.