In diesem Abschnitt erfahren Sie, wie Sie mit den Tags <video>
und <source>
eine Mediendatei in eine Webseite einbetten, einem Video für Hörgeschädigte Untertitel hinzufügen und einige allgemeine Konzepte zur Verwendung von Medien-Frameworks verwenden.
Außerdem erfahren Sie, wie Sie mit Vorabladen die Wiedergabe beschleunigen können, und wir besprechen, 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 in eine Webseite eingebettet werden kann. Eine .mov
-Datei, die von einer Kamera heruntergeladen wurde, funktioniert nicht. Wenn Sie weitere Informationen benötigen, lesen Sie den Artikel Mediendateien für das Web vorbereiten und lesen Sie diesen Artikel in diesem Artikel.
In diesem Abschnitt werden diese Themen behandelt.
- In den Tags <video> und <source> erfahren Sie insbesondere, wie Sie eine Mediendatei auf einer Webseite einbetten.
- Unter Bedienungshilfen für Medien erfahren Sie, wie Sie Mediendateien für Hörgeschädigte Untertitel hinzufügen.
- In Medien-Frameworks lernen Sie die Grundlagen der Verwendung von Medien-Frameworks wie Shaka Player, JW Player und Video.js kennen.
- Unter Schnelle Wiedergabe mit Vorabladen von Audio- und Videos erfahren Sie, wie Sie die Medienwiedergabe durch aktives Vorabladen von Ressourcen beschleunigen.
- Unter PWA mit Offlinestreaming erfahren Sie, wie wir eine aktualisierte Demo-PWA erstellt haben, die adaptives Streaming und Offlinewiedergabe ohne Frameworks ermöglicht. Außerdem können Sie mit Quellcode spielen.
In diesem Abschnitt gibt es einiges zu beleuchten. Machen Sie sich zuerst mit der Verwendung der Tags <video> und <source> vertraut.