I am using ajax and javascript to play sound from specific time till a specific time.
I do change the class from play to pause when user plays it but i am unable to change it back to play when the sound duration stops
<script type="text/javascript">
function aud_play_pause() {
var myAudio = document.getElementById("myTune");
var musicStartTime = 25;
var musicStopTime = 35;
if (myAudio.paused) {
$('#stateicon').removeClass('fa fa-play');
$('#stateicon').addClass('fa fa-pause');
myAudio.currentTime = musicStartTime;
myAudio.play();
}
else {
$('#stateicon').removeClass('fa fa-pause');
$('#stateicon').addClass('fa fa-play');
myAudio.currentTime = musicStartTime;
myAudio.pause();
}
}
</script>
<script type="text/javascript">
$(document).ready(function () {
var myAudio = document.getElementById("myTune");
var stateicon = document.getElementById("stateicon");
$(myAudio).bind('timeupdate', function () {
if (myAudio.currentTime >= 45) {
$('stateicon').removeClass('fa fa-pause');
$('stateicon').addClass('fa fa-play');
myAudio.pause();
}
});
if (myAudio.currentTime >= 35) {
$('stateicon').removeClass('fa fa-pause');
$('stateicon').addClass('fa fa-play');
myAudio.currentTime = 0;
myAudio.pause();
}
});
</script>