Select als Songliste 8

Audio Player Tutorial Start

Einen Audioplayer mit Songliste zu erstellen ist einfach.

Hierzu muss man lediglich die Eigenschaft src eines zuvor erstellten Audio Objekts mit der entsprechenden URL versehen.

var audio = new Audio();
audio.src = "meinSong.mp3";

Das heißt man kann den Player7 benutzen und erstellt sich wie eine auch immer geartete Auswahlmöglichkeit.

Hier wird der HTML-Tag select eingesetzt, um eine Songliste auszuwählen. Siehe dazu den Quelltext meines Javascript Beispiel Select

Select Gestaltung siehe meine Tipps CSS. Alternativ lasse sich auch andere Auswahlmöglichkeiten nutzen. Siehe dazu meine CSS Tipps mit verschiedenen Menüs und diese responsive Menüs

Javascript

Siehe hier das audioPlayer8.js

HTML Select

<select id="songSelection" >
<option value='/flash/musik/ausflug.mp3'>Song 1</option>
<option value='/flash/musik/afternoon.mp3'>Song 2 </option>
<option value='/flash/musik/floating.mp3'>Song 3</option>
</select>

nächster Schritt

Audio Start / Javascript Tipps