Zusammenfassung der Wiedergabeelemente für Audio- und Videomedien in HTML5_HTML5-Tutorial-Tipps

Audio- und Video-Encoder/Decoder ist eine Reihe von Algorithmen, die zum Kodieren und Dekodieren eines bestimmten Audio- oder Videostreams verwendet werden, damit Audio und Video abgespielt werden können. Rohe Mediendateien sind sehr groß, und wenn sie nicht kodiert sind, können die Daten, aus denen ein Video- und Audioclip besteht, so groß sein, dass die Verbreitung über das Internet unerträglich lange dauert. Ohne einen Decoder kann der Receiver die codierten Daten nicht wieder in die ursprünglichen Mediendaten zusammensetzen. Codecs können ein bestimmtes Containerformat lesen und die darin enthaltenen Audio- und Videospuren dekodieren.
Medienelemente verstehen
1. Grundoperation: Medienelemente deklarieren

Das Controls-Attribut im Code weist den Browser an, allgemeine Benutzersteuerelemente anzuzeigen, einschließlich Start, Stopp, Überspringen und Lautstärkeregelung. Wenn das Steuerattribut nicht angegeben ist, kann der Benutzer das Audio auf der Seite nicht abspielen.
2. Verwenden Sie das Quellelement
Im einfachsten Fall kann das src-Attribut direkt auf die Mediendatei verweisen. Was ist jedoch, wenn der Browser den entsprechenden Container oder Encoder nicht unterstützt? Dies erfordert die Verwendung von Backup-Deklarationen. In die Fallback-Anweisung können mehrere Quellen einbezogen werden, und der Browser kann aus so vielen Quellen auswählen:

Bei Quellen beurteilt der Browser nach der Reihenfolge der Deklaration. Wenn mehr als eine unterstützt wird, wählt der Browser die erste unterstützte Quelle.
3. Mediensteuerung
Durch das Setzen des Attributs Autoplay im Audioelement oder Videoelement wird die Audio- oder Videodatei nach dem Laden automatisch abgespielt, ohne dass eine Benutzerinteraktion erforderlich ist.
Häufig verwendete Steuerfunktionen