Z tej sekcji dowiesz się, jak osadzić plik multimedialny na stronie internetowej za pomocą tagów <video> i <source>, jak dodać do filmu napisy dla osób niedosłyszących oraz jak używać ogólnych ram mediów.
Dowiesz się też, jak korzystać z wstępnego wczytywania, aby przyspieszyć rozpoczęcie odtwarzania. Opowiemy też, jak stworzyliśmy zaktualizowaną wersję demonstracyjną PWA z funkcją adaptacyjnego przesyłania strumieniowego offline o nazwie Kino.
W tej sekcji zakładamy, że masz plik wideo, który jest gotowy do umieszczenia na stronie internetowej. Plik .mov pobrany z aparatu nie będzie działać. Jeśli to wszystko, co masz, przeczytaj artykuł Przygotowanie plików multimedialnych na potrzeby internetu, a potem wracaj.
W tej sekcji omawiamy te tematy.
- W sekcji Tagi <video> i <source> dowiesz się, jak osadzić plik multimedialny na stronie internetowej.
- W sekcji Dostępność multimediów dowiesz się, jak dodać napisy do pliku multimedialnego dla osób niedosłyszących.
- W sekcji Media frameworks poznasz podstawy korzystania z ramek mediów, takich jak Shaka Player, JW Player i Video.js.
- W sekcji Szybkie odtwarzanie z wstępnym wczytaniem dźwięku i obrazu dowiesz się, jak przyspieszyć odtwarzanie multimediów przez aktywne wstępne wczytywanie zasobów.
- W artykule PWA z odtwarzaniem offline dowiesz się, jak stworzyliśmy zaktualizowaną wersję demonstracyjną PWA, która umożliwia adaptacyjne przesyłanie strumieniowe i odtwarzanie offline bez użycia frameworków. Możesz też pobawić się kodem źródłowym.
W tej sekcji jest wiele do zrobienia, więc zacznij od zapoznania się z korzystaniem z tagów <video> i <source>.