Information Technology Reference
In-Depth Information
Der Zweck der
if
-Abfrage ist es, herauszufinden, ob
updateProgress()
vom Sli-
der oder von
ontimeupdate
aufgerufen wurde. Im ersten Fall ist
ctrl
mit dem
übergebenen Slider-Objekt belegt, und wir müssen die Abspielposition auf den
Wert des Sliders setzen. Im zweiten Fall liegt ein
timeupdate
-Event vor, und wir
müssen den Slider in der Variablen
curPos
auf die aktuelle Abspielzeit setzen.
Nachdem das Abspielen und Kontrollieren der Playback-Position so weit fertig
wäre, ist jetzt ein guter Zeitpunkt, sich etwas auszuruhen. Nehmen Sie sich 10
Minuten Zeit, und erkunden Sie Big Buck Bunny mit Ihrem selbst gestrickten,
beinahe fertigen Video-Player!
4.7.4
Schnellsuchlauf vor und zurück
Für diese beiden Features benötigen wir zuerst einmal Schaltflächen im
HTML-Dokument, deren Beschriftung wiederum aus Unicode-Zeichen für
spezielle Anführungszeichen, sogenannte
Guillements
, besteht. Die Unicode-
Bezeichnungen spiegeln ihr Aussehen wider:
LEFT-POINTING DOUBLE ANGLE
QUOTATION MARK
(
«
) sowie
RIGHT-POINTING DOUBLE ANGLE QUOTA-
TION MARK
(
»
). Zwei Event-Listener-Attribute sorgen für das Starten
und Stoppen des Suchlaufs, der
onmousedown
beginnt und
onmouseup
wieder endet.
<input type="button"
value="«"
onmousedown="fastFwdBwd(-1)"
onmouseup="fastFwdBwd()">
<input type="button"
value="»"
onmousedown="fastFwdBwd(1)"
onmouseup="fastFwdBwd()">
Das JavaScript-Callback
fastFwdBwb()
ist recht kurz und sieht so aus:
var fastFwdBwd = function(direct) {
_pause();
_play();
if (direct) {
video.playbackRate = 5.0 * direct;
}
};
Beim Beschleunigen eines Videos spielen zwei Attribute eine wichtige Rol-
le. Eines davon sehen wir mit
video.playbackRate
in unserer Callback-
Funktion. Es steht für die aktuelle Abspielgeschwindigkeit. Das zweite ist