Slider und Audio 2

Audio Player Tutorial Start

 

Hier wird ein Audio Element per Javascript erzeugt, anstatt eines HTML5 Audio Tags.

var audio1 = new Audio('/flash/musik/ausflug.mp3');

Der Slider soll die Abspielzeit anzeigen und definieren können. Dazu wird die Gesamtzeit der Audiodatei benötigt. Die steht aber erst zur Verfügung wenn die Metadaten der Audio datei geladen sind.

audio1.addEventListener("loadedmetadata", function(){console.log(this.duration)});

HTML

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

Script

var audio1 = new Audio('/flash/musik/ausflug.mp3');
audio1.addEventListener("loadedmetadata", function(){console.log(this.duration)});

nächster Schritt

Audio Start / Javascript Tipps