Hei Folkens.
Jeg holder på å setter opp en liten spilleliste på en nettside og skal da i tillegg vise varigheten av alle sangene.
Oppsettet er veldig simpelt satt opp nå og vil bli forbedret. Trenger bare litt tips i forhold til JavaScripten her.
HTML:
Kode
<div class="song">
<div class="duration-bar"></div>
<div class="song-info">
<div class="song_title" onCLick="play(<?php echo $song ?>)">
<h4><?php the_title(); ?></h4>
</div>
<h6 class="song-duration" id="dur-<?php echo $song; ?>"></h6>
<audio class="audio" id="audio-<?php echo $song; ?>" src="<?php echo get_field('music')['url']; ?>"></audio>
</div>
</div>
javascript
:
Kode
function play(i) {
audio.forEach(function(audio) {
audio.parentElement.classList.remove('playing');
audio.pause();
audio.currentTime = 0;
});
var target = document.querySelector('audio[id="audio-' + i + '"]');
if(!target) return false;
target.play();
target.parentElement.classList.add('playing');
};
var audio = document.querySelectorAll('.audio');
for(var i = 0; i < audio.length; i++) {
var playing = document.querySelector('.playing');
audio[i].onplay = function() {
if(playing) {
this.pause();
audio.currentTime = 0;
playing.classList.remove('playing');
}
this.parentElement.classList.add('playing');
}
audio[i].addEventListener('ended', function() {
this.parentElement.classList.remove('playing');
});
}
Så da igjen er mitt spørsmål. Hvor i JavaScripten og hvordan kan jeg hente ut varigheten? Regner med det kanskje er f.eks:
en plass i koden der som trengs, men hvor?
Ingen som har noen tips?
Sist endret av Nikon01; 31. oktober 2019 kl. 20:51.
Grunn: Automatisk sammenslåing med etterfølgende innlegg.