In diesem Abschnitt erfahren Sie, wie Sie mit den Tags <video> und <source> eine Mediendatei in eine Webseite einbetten, wie Sie einem Video Untertitel für Hörgeschädigte hinzufügen und welche allgemeinen Konzepte für die Verwendung von Medien-Frameworks gelten.
Außerdem erfahren Sie, wie Sie mit dem Preloading den Start der Wiedergabe beschleunigen. Außerdem besprechen wir, wie wir eine aktualisierte Demo-PWA mit Offline-Adaptive-Streaming-Funktionen namens Kino erstellt haben.
In diesem Abschnitt wird davon ausgegangen, dass Sie eine Videodatei haben, die in eine Webseite eingebettet werden kann. Eine .mov-Datei, die von einer Kamera heruntergeladen wurde, funktioniert nicht. Wenn das alles ist, was Sie haben, lesen Sie den Hilfeartikel Mediendateien für das Web vorbereiten und kehren Sie dann zurück.
In diesem Abschnitt werden diese Themen behandelt.
- Im Artikel Die Tags <video> und <source> erfahren Sie speziell, wie Sie eine Mediendatei in eine Webseite einbetten.
- Unter Barrierefreie Medien erfahren Sie, wie Sie einer Mediendatei Untertitel für hörbeeinträchtigte Personen hinzufügen.
- Unter Media-Frameworks lernen Sie die Grundlagen der Verwendung von Media-Frameworks wie Shaka Player, JW Player und Video.js kennen.
- Im Artikel Schnelle Wiedergabe mit Audio- und Video-Preload erfahren Sie, wie Sie die Medienwiedergabe beschleunigen, indem Sie Ressourcen aktiv vorladen.
- Im Artikel PWA mit Offlinestreaming erfahren Sie, wie wir eine aktualisierte Demo-PWA entwickelt haben, die ohne Frameworks adaptives Streaming und Offlinewiedergabe unterstützt. Außerdem können Sie mit dem Quellcode herumspielen.
In diesem Abschnitt werden viele Themen behandelt. Beginnen wir mit der Verwendung der <video>- und <source>-Tags.