Slider und Audio 3

Audio Player Tutorial Start

Die Gesamtzeit oder duration des Audios wird dem Slider als Maximalwert zugewiesen. Auf diese Art braucht man später keine Prozentumrechnungen mit Sliderposition und Ablaufzeit zu machen.

audio1.addEventListener("loadedmetadata", setSliderMax);

function setSliderMax(){
posSlider.setAttribute('max', audio1.duration);
}

HTML

<div class="slidecontainer">
<input type="range" min="1" max="100" value="0" class="slider" id="myRange">
</div>

Script

	var posSlider =document.getElementById("myRange");
	var audio1 = new Audio('/flash/musik/ausflug.mp3');

	audio1.addEventListener("loadedmetadata", setSliderMax);
										
	function setSliderMax(){
		posSlider.setAttribute('max', audio1.duration);	
	}	
	
	

nächster Schritt

Audio Start / Javascript Tipps