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:
javascript:
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?
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:
Kode
audio.duration
Ingen som har noen tips?
Sist endret av Nikon01; 31. oktober 2019 kl. 20:51.
Grunn: Automatisk sammenslåing med etterfølgende innlegg.