jQuery(document).ready(function($) { // initialize audio object var audio = new Audio(); var audioProgress; function initAudio() { // store variables var player = $('.audio-player'); var playControl = $('.player-control'); var pauseButton = $('.audio-pause'); audioProgress = $('.audio-player-progress'); // var track = player.attr('data-source'); // // // set the audio track for each player // // audio.src = track; // audio player functions var currPlayButton; var currPauseButton; var currProgress; var time; $('.audio-play').on('click', function() { var $this = $(this); var track = $this.parents('.audio-player').attr('data-source'); currProgress = $this.parents('.audio-player-controls').siblings('.audio-player-progress'); audio.src = track; if (audio.pause) { audio.play(); audio.volume = 0.3; } $(audio).on('timeupdate', function() { var $this = $(this); var curTime = audio.currentTime; var dur = audio.duration; time = curTime*(100/dur); // var time = ($('.track').currentTime / $('.track').duration); currProgress.attr('value', time); }); }); $('.audio-stop').on('click', function() { var $this = $(this); time = 0; audio.pause(); audio.src = ''; audioProgress.attr('value', 0); }); // playControl.on('click', function() { // var $this = $(this); // var track = $this.parents('.audio-player').attr('data-source'); // currPlayButton = $this; // currPauseButton = $this.siblings(); // audio.src = track; // // // if (currPlayButton.hasClass('play-control')) { // audio.play(); // audio.volume = 0.3; // currPlayButton.addClass('hide'); // currPauseButton.removeClass('hide'); // } else { // audio.pause(); // currPauseButton.addClass('hide'); // currPlayButton.removeClass('hide'); // } // // }); // Play function // function playAudio() { // // } // // pauseButton.on('click', function() { // pauseAudio(); // $('.pause-control').addClass('hide'); // $('.play-control').removeClass('hide'); // }); } initAudio(); // track.on('click', function() { // // playButton.on('click', function() { // playAudio(); // }); // // pauseButton.on('click', function() { // pauseAudio(); // }); // // }); //calculate and display track duration function duration() { if(audio.readyState > 0) { var minutes = parseInt(audio.duration / 60, 10); var seconds = parseInt(audio.duration % 60); audioProgress.html('

' + minutes + ':' + seconds + '

'); } audio.addEventListener("timeupdate", function() { var duration = parseInt( audio.duration ), currentTime = parseInt( audio.currentTime ), timeLeft = duration - currentTime, s, m; s = timeLeft % 60; m = Math.floor( timeLeft / 60 ) % 60; s = s < 10 ? "0"+s : s; m = m < 10 ? "0"+m : m; audioProgress.innerHTML = m+":"+s; }, false); } // Player Interaction // $('.audio-play').on('click', function() { // playAudio(); // }); // // $('.audio-pause').on('click', function() { // pauseAudio(); // }); // // // // // // play audio when you click on track li // track.on('click', function() { // var $this = $(this); // var currPlayer = $this.closest('.audio-player'); // // var playerID = player.attr('data-id'); // var curtimetext = currPlayer.find('.curtimetext'); // var durtimetext = currPlayer.find('.durtimetext'); // // curtimetext.html('0:00'); // durtimetext.html('0:00'); // // // // stop all audio // stopAudio(); // // // set active class on clicked track item // track.removeClass('active'); // $this.addClass('active'); // // // show player controls on click // // $this.closest('play-pause').removeClass('hide-controls'); // // // get audio source from HTML // // data-track is retrieved from the HTML // var trackNumber = $this.attr('data-track'); // var bookName = $this.attr('data-name'); // // add track number to the common URL for the audio files // audio.src = "https://immersebible.com/wp-content/uploads/2017/09/Immerse-" + bookName + "-Day_" + trackNumber + ".mp3"; // // // play the new audio // playAudio(); // // playButton.on('click', function() { // playAudio(); // }); // // pauseButton.on('click', function() { // pauseAudio(); // }); // // // seek/time update // // function seektimeupdate() { // player.find('.curtimetext').html('0:00'); // player.find('.durtimetext').html('0:00'); // var nt = audio.currentTime * (100 / audio.duration); // // seekslider.val = nt; // var curmins = Math.floor(audio.currentTime / 60); // var cursecs = Math.floor(audio.currentTime - curmins * 60); // var durmins = Math.floor(audio.duration / 60); // var dursecs = Math.floor(audio.duration - durmins * 60); // // if(cursecs < 10){ cursecs = "0"+cursecs; } // if(dursecs < 10){ dursecs = "0"+dursecs; } // if(curmins < 10){ curmins = "0"+curmins; } // if(durmins < 10){ durmins = "0"+durmins; } // // curtimetext.html(curmins+":"+cursecs); // durtimetext.html(durmins+":"+dursecs); // // } // // $(audio).on("timeupdate", function() { // seektimeupdate(); // }); // }); // // } });