HTML5 - Eingebettete Multimedia

In HTML5 Video- und Audioelemente haben viele Gemeinsamkeiten, daher das Objekt HTMLMediaElement definiert die grundlegenden Eigenschaften jedes einzelnen in der SONNE.
Audioelemente werden durch das Objekt repräsentiert HTMLAudioElement, stellt dieses Objekt keine Erweiterung der Funktionalitäten der HTMLMediaElement, auf der anderen Seite haben wir das Objekt HTMLVideoElement die Videoelemente und das Gegenteil des Objekts darstellen HTMLAudioElement dies, wenn es einige zusätzliche Merkmale auf der HTMLMediaElement.
Das Audio-Element
Das Element Audio ermöglicht es uns, Audioinhalte in unsere HTML-Dokumente einzubetten, es ist neu in HTML5 und kann die folgenden Attribute enthalten: Autoplay, Preload, Controls, Loop, Muted, src.
Sehen wir uns ein Codebeispiel an, wie Sie ein Audioelement in unsere Dokumente einbinden:

 Beispiel Audioinhalte können nicht wiedergegeben werden 

Wir bemerken, dass wir ein Label haben, in dem wir das Attribut definieren Kontrollen damit wir die Schaltflächen haben, mit denen wir die Wiedergabe der Datei manipulieren können, mit src wir geben den Pfad zur Audiodatei an und schließlich automatisches Abspielen, vorhanden ist, bedeutet, dass die Datei beim Laden des Dokuments abgespielt werden soll.
Wie wir sehen, ist es etwas ganz einfach zu handhaben, sehen wir uns im folgenden Bild an, wie es in unserem Browser aussehen würde:

Erhalten Sie Multimedia-Informationen
Wie wir eingangs erwähnt hatten, mit dem Objekt HTMLMediaElement Wir haben die gemeinsamen Audio- und Videoeigenschaften gruppiert und im Fall von Video wurden einige zusätzliche Eigenschaften erhöht.
Die Informationen, die wir mit diesem Objekt erhalten können, sind die folgenden:

• automatisches Abspielen Es sagt uns, ob die automatische Wiedergabe der Datei aktiviert ist oder nicht.
• canPlayType() teilt uns mit, ob der Browser die angegebene Datei wiedergeben kann.
• aktuelleSrc informiert Sie über die aktuelle Quelle der Datei.
• Kontrollen ermöglicht es uns, das Vorhandensein oder Nichtvorhandensein der Wiedergabesteuerungen in der Datei zu erkennen oder festzustellen.
• StandardStummgeschaltet gibt an oder legt fest, ob die Datei mit dem Volume komplett stumm beginnen soll.
• Schleife gibt an oder legt fest, ob die Datei geloopt werden soll.
• stummgeschaltet Verringern Sie das Dateivolumen
• Vorspannung zeigt an oder legt fest, dass die Datei vor der Wiedergabe geladen wird, wenn die Seite geladen wird.
• src gibt den Pfad zur Mediendatei an oder legt diesen fest.
• Volumen stellt die Lautstärke der Dateiwiedergabe ein oder gibt sie an.

Wie bereits erwähnt, hat das Videoelement einige zusätzliche Eigenschaften. Sehen wir uns unten an, was sie sind:

• Höhe gibt die Höhe an oder legt sie fest.
• Poster gibt den Wert des Poster-Attributs an, mit dem wir ein Titelbild für das Video platzieren können
• Videohöhe gibt die Höhe des Videos an oder legt sie fest.
• VideoBreite gibt die Breite des Videos an oder legt sie fest
• Breite gibt die Breite an oder legt sie fest.

Im folgenden Code sehen wir, wie wir Informationen aus diesen Elementen erhalten und wie wir sie in unserem Dokument anzeigen können, um sie im Browser anzuzeigen:

 Beispielvideo kann nicht angezeigt werden 
 
Eigentum
Wert

 

 

Um dieses Tutorial abzuschließen, sehen wir uns an, was uns der Browser mit diesem Code anzeigt:

VERGRÖSSERN

Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben