Video und Audio - HTML5 - page 115

(cls == 'off') ? 'on' : 'off'
);
pbStatus[node.id] = node.getAttribute("class");
};
Wie schon die erste Zeile der Funktion erahnen lässt, wird der Status über das
class -Attribut des button -Elements bestimmt, womit gleichzeitig das Ausse-
hen mit CSS gesteuert wird. Die Formate für on und off finden sich im Style-
sheet js_audioPlayer.css :
.off {
opacity: 0.2;
}
.on {
opacity: 1.0;
}
Zusätzlich wird der aktuelle Zustand der jeweiligen Schaltfläche in der Sta-
tusvariablen pbStatus[node.id] festgehalten, wobei die node.id für loop und
shuf fle steht und dadurch pbStatus.loop beziehungsweise pbStatus.shuffle je-
weils mit on oder off belegt ist. Der richtige Zeitpunkt, um auf diesen Status zu
reagieren, ist immer dann, wenn ein Track zu Ende gespielt wurde. Dann tritt
die Callback-Funktion continueOrStop() in Aktion:
continueOrStop = function() {
if (pbStatus.shuffle == 'on') {
advanceTrack(
Math.round(Math.random()*tracks.options.length)
);
}
else if (tracks.options.selectedIndex ==
tracks.options.length-1) {
if (pbStatus.loop == 'on') {
advanceTrack(1);
}
else {
pbStatus.keepPlaying = false;
}
}
else {
advanceTrack(1);
}
};