In diesem Abschnitt erfahren Sie, wie Sie mithilfe der Tags <video> und <source> eine Mediendatei auf einer Webseite einbetten, einem Video für Hörgeschädigte Untertitel hinzufügen und einige allgemeine Konzepte zur Verwendung von Medien-Frameworks kennenlernen.
Außerdem erfährst du, wie du die Wiedergabe durch Vorabladen beschleunigen kannst. Außerdem besprechen wir, wie wir eine aktualisierte Demo-PWA mit adaptiven Offline-Streamingfunktionen namens „Kino“ entwickelt haben.
In diesem Abschnitt wird davon ausgegangen, dass Sie eine Videodatei haben, die Sie in eine Webseite einbetten können. Eine .mov-Datei, die von einer Kamera heruntergeladen wird, funktioniert nicht. Falls Sie das nicht möchten, lesen Sie den Artikel Mediendateien für das Web vorbereiten und kehren Sie dann hierher zurück.
In diesem Abschnitt werden diese Themen behandelt.
- Unter Tags <video> und <source> erfährst du, wie eine Mediendatei auf einer Webseite eingebettet wird.
- In Media Accessibility erfahren Sie, wie Sie einer Mediendatei Untertitel für Hörgeschädigte hinzufügen.
- Unter Media-Frameworks lernen Sie die Grundlagen der Verwendung von Medien-Frameworks wie Shaka Player, JW Player und Video.js kennen.
- Unter Schnelle Wiedergabe mit Audio- und Video-Vorabladen erfahren Sie, wie Sie die Medienwiedergabe durch aktives Vorabladen von Ressourcen beschleunigen.
- In PWA mit Offlinestreaming erfährst du, wie wir eine aktualisierte Demo-PWA erstellt haben, die adaptives Streaming und Offlinewiedergabe ohne Frameworks ermöglicht. Außerdem können Sie mit dem Quellcode spielen.
Dieser Abschnitt enthält viele Informationen. Beginnen Sie mit der Verwendung der Tags <video> und <source>.