Bücher online kostenlos Kostenlos Online Lesen
HTML5-Handbuch - die neuen Features von HTML5

HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis
Vom Netzwerk:
alternative Video-Formate notiert werden kann, gibt es zwei weitere Attribute:
type
und
media
.
•   Mit
type
können Sie den MIME-Type der Video-Datei angeben. Im Zusammenhang mit Videos kommen jene MIME-Typen in Frage, die mit
video/
beginnen, also z. B.
video/mpeg
für herkömmliche MPEG-Dateien,
video/quicktime
für MOV-Dateien oder
video/x-msvideo
für AVI-Dateien. Wenn nötig, sollten Sie außerdem eine Codec-Angabe innerhalb der
type
-Angabe notieren. Eine solche Erweiterung der MIME-Type-Angabe wird im RFC 4281 beschrieben.
RFC 4281 – The Codecs Parameter for »Bucket« Media Types
    http://www.ietf.org/rfc/rfc4281.txt
Die HTML5-Spezifikation listet im Zusammenhang mit Video-Codecs folgende typische Angaben für das
type
-Attribut auf:
•   
type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'
•   
type='video/mp4; codecs="avc1.58A01E, mp4a.40.2"'
•   
type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'
•   
type='video/mp4; codecs="avc1.64001E, mp4a.40.2"'
•   
type='video/mp4; codecs="mp4v.20.8, mp4a.40.2"'
•   
type='video/mp4; codecs="mp4v.20.240, mp4a.40.2"'
•   
type='video/3gpp; codecs="mp4v.20.8, samr"'
•   
type='video/ogg; codecs="theora, vorbis"'
•   
type='video/ogg; codecs="theora, speex"'
•   
type='video/ogg; codecs="dirac, vorbis"'
•   
type='video/x-matroska; codecs="theora, vorbis"'
    Verwenden Sie diese Angaben jedoch nur, wenn Sie genau wissen, welche Codecs Ihre Videos im Detail verwenden.
    Mit dem
media
-Attribut können Sie angeben, für welche Medientypen die Video-Ressource geeignet ist. Die Voreinstellung ist
media="all"
, also alle Medientypen. Beim
media
-Attribut wird als Wert eine gültige Medienabfrage erwartet.
    Die Attribute
type
und
media
gibt es nur beim
source
-Element, nicht beim
video
-Element. Der Grund ist, dass beim
video
-Element beim
src
-Attribut nur Dateien angegeben werden sollten, die der Browser in jedem Fall selbst erkennt. Greift er dagegen auf eine im alternativen
source
-Element angegebene Datei zurück, helfen die zusätzlichen Attribute gegebenenfalls bei der Wahl eines externen Abspielprogramms.
    Wie der im Browser angezeigte Video-Player genau aussieht, ist nicht festgelegt. Es ist möglich, CSS-Eigenschaften auf das
video
-Element anzuwenden, doch damit ist das Aussehen des Players nur bedingt beeinflussbar. Um eigene Player zu kreieren, müssen Sie auf Scripting zurückgreifen.
Die Browser, die das
video
-Element kennen, interpretieren nicht unbedingt alle Attribute davon. Das gilt besonders für das
preload
-Attribut, das in der HTML5-Spezifikation zunächst als
autobuffer
-Attribut ausgewiesen wurde.
    Wenn Sie XHTML-konform arbeiten, notieren Sie
source
-Elemente in der Form

und die Standalone-Attribute durch Zuweisung des Attributnamens als Wert, also
autoplay="autoplay"
,
controls="controls"
und
loop="loop"
.
Referenzinformationen
    Elementreferenz <
video>
,
    Elementreferenz <
source>
:
    Attributreferenz
src
,
    Attributreferenz
loop
,
    Attributreferenz
controls
,
    Attributreferenz
poster
,
    Attributreferenz
width
,
    Attributreferenz
height
,
    Attributreferenz
autoplay
,
    Attributreferenz
type
,
    Attributreferenz
media
:

    Attributreferenz
preload
:

    Attributreferenz
muted
:

7.3.3      Zusätzliche Spuren (Tracks)
Für Video- oder Audio-Inhalte, die Sie mit den HTML5-Elementen
video
bzw.
audio
einbinden, bietet HTML5 die Möglichkeit an, zusätzliche Spuren (Tracks) zu definieren. Diese gehören nicht zum produzierten Video oder Audio-Track, sondern werden als Textinformation separat hinterlegt. Dadurch eröffnen sich weitreichende Möglichkeiten:
•   Sie können zeitgesteuerte Video-Untertitel für verschiedenen Sprachen hinterlegen (ohne das Video selbst dafür bearbeiten zu müssen). Oder Sie ermöglichen die zeitgesteuerte Ausgabe von Textzeilen eines gerade abgespielten Songs, oder Übersetzungen davon in verschiedenen Sprachen.
•   Sie können Deeplink-taugliche Einsprungpunkte für längere Video- oder Audio-Inhalte definieren, also etwa für das wichtige Präsidenten-Interview, das innerhalb des Videos nach 12 Minuten und 42 Sekunden beginnt, oder den Auftritt der Band XY, der in der Komplettaufzeichnung des Rockfestivals bei 6 Stunden, 17 Minuten und 45 Sekunden beginnt.
•   Sie können wertvolle Metadaten wie Beschreibungen oder Stichwörter zum Video- oder Audio-Inhalt hinzufügen, die von Suchmaschinen ausgewertet werden können und die

Weitere Kostenlose Bücher