Information Technology Reference
In-Depth Information
Damit sind wir beinahe am Ende unserer Reise durch das
HTMLMediaElement
-
Interface angelangt. Was bleibt, sind
zwei
boolean
-Attribute zur Anzeige, ob der Browser gerade nach weiteren
Daten sucht (
seeking
) oder ob das Ende des Streams bereits erreicht ist
(
ended
),
»
ein Attribut, das Auskunft über die Startzeit des Streams gibt (
startTime
),
und noch
»
drei Attribute, die alle das
TimeRanges-
Interface implementieren -
buffered
,
played
und
seekable
.
»
Die Grundidee von
TimeRanges
ist, wie der Name schon impliziert, das Festhal-
ten von Zeitspannen.
interface TimeRanges {
readonly attribute unsigned long length;
float start(in unsigned long index);
float end(in unsigned long index);
};
Am Beispiel von
played
können wir uns das so vorstellen: Wenn wir das Intro des
Big Buck Bunny
-Videos abspielen und dann auf Pause drücken, so bekommen wir
eine erste Zeitspanne, bestehend aus Start- und Endzeit. Die entsprechenden At-
tribute lauten damit
played.start(0)
und
played.end(0)
, und die Anzahl der vor-
handenen Zeitspannen in
played.length
beträgt
1
. Wechseln wir dann zum ach-
ten Kapitel und spielen von dort aus ein Stück weiter, erzeugen wir die nächste
Zeitspanne mit
played.start(1)
und
played.end(1)
, und die Länge
played.length
wird
2
. Sollten sich zwei Zeitspannen überlappen, werden sie zu einer gemein-
samen zusammengefasst. Im
TimeRanges
-Objekt liegen alle Spannen sortiert vor.
Auf diese Weise kann mitprotokolliert werden, welche Bereiche eines Media-
streams gepuffert, gespielt oder als suchbar ausgewiesen wurden. Ein kleines
Online-Beispiel visualisiert die einzelnen
TimeRanges
während des Abspielens
des
Big Buck Bunny
-Videos - probieren Sie es aus!
http://html5.komplett.cc/code/chap_video/js_timeRanges.html
4.7.8
Die lange Liste der »MediaEvents«
Die Liste der Events, die beim Laden oder Abspielen eines Mediastreams zu be-
stimmten Zeitpunkten ausgelöst werden, ist lang und spiegelt im Großen und
Ganzen die drei großen Statuszustände des
HTMLMediaElement
-Interfaces wider.
