W tej sekcji dowiesz się, jak umieścić 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 korzystać z platform multimedialnych.
Dowiesz się też, jak przyspieszyć rozpoczęcie odtwarzania za pomocą wstępnego wczytywania, a także o tym, jak stworzyliśmy zaktualizowaną demonstracyjną PWA z funkcjami adaptacyjnego strumieniowania offline o nazwie Kino.
W tej sekcji zakładamy, że masz plik wideo gotowy do umieszczenia na stronie internetowej. Plik .mov
pobrany z aparatu nie będzie działać. Jeśli to wszystko, przeczytaj artykuł Przygotowywanie plików multimedialnych do umieszczenia w internecie, a potem wróć tutaj.
W tej sekcji znajdziesz omówienie tych tematów.
- Z tagów <video> i <source> dowiesz się, jak umieścić plik multimedialny na stronie internetowej.
- W sekcji Ułatwienia dostępu do multimediów dowiesz się, jak dodać do pliku multimedialnego napisy dla osób niedosłyszących.
- Na platformach multimediów nauczysz się podstaw korzystania z platform multimediów takich jak Shaka Player, JW Player czy Video.js.
- Z sekcji Szybkie odtwarzanie ze wstępnym wczytywaniem dźwięku i obrazu dowiesz się, jak przyspieszyć odtwarzanie multimediów przez aktywne wstępne wczytywanie zasobów.
- Z aplikacji PWA ze strumieniowym przesyłaniem offline dowiesz się, jak stworzyliśmy zaktualizowaną wersję demonstracyjną PWA, która umożliwia adaptacyjne strumieniowe przesyłanie danych i odtwarzanie offline bez użycia platform. Możesz też bawić się kodem źródłowym.
W tej sekcji jest dużo zagadnień. Na początek dowiedz się, jak używać tagów <video> i <source>.