Od momentu pojawienia się w 2006 roku, format HTML5 odcisnął swoje piętno w Internecie, stając się standardowym formatem wideo w miejsce Adobe Flash Playera (który został wycofany).
Jeśli obecnie liczne programy z łatwością osadzają Twoje filmy, ręczne kodowanie ich w HTML5 oferuje nieograniczone możliwości dostosowywania i hostowania w Twojej witrynie.
W szczególności umożliwia to optymalizację ustawień ułatwień dostępu do Twojego filmu zgodnie z Twoimi potrzebami, poprzez dodanie napisów, które chcesz.
Oto jak poprawnie zakodować napisy w HTML5.
Jak poprawnie zaimplementować wideo HTML5?
Najpierw małe przypomnienie podstawowych zasad implementacji wideo w HTML5.
Kod opiera się na dodaniu tagu
Z reguły format MP4 jest obsługiwany przez wszystkie przeglądarki. Możesz jednak dodać format OGG, aby mieć pewność, że Twój film będzie czytelny dla wszystkich.
Co do reszty, id identyfikuje Twój film, a dodanie tekstu wewnątrz tagu wideo gwarantuje, że użytkownik zostanie ostrzeżony o błędzie wyświetlania.
Oto jak może wyglądać implementacja Twojego filmu:
Napisy HTML5:skąd je wziąć?
Jak teraz wyświetlasz napisy w swoim filmie? Jedynym formatem napisów obsługiwanym przez HTML5 jest VTT. Dlatego musisz albo utworzyć go z transkrypcji, albo użyć automatycznego generatora napisów.
W pierwszym przypadku, oto format, na którym można polegać:
W drugim przypadku możesz skorzystać z naszego generatora plików VTT. Dzięki technologiom zamiany mowy na tekst możesz znacznie szybciej tworzyć napisy. Możesz również przekazać swój projekt naszym ekspertom od napisów, jeśli masz większy wolumen.
Oto jak szybko zacząć:
Prześlij swoje wideo do interfejsu. Wybierz oryginalny język i ten, który chcesz uzyskać.
Po zakończeniu procesu transkrypcji możesz uzyskać dostęp do edytora napisów i zoptymalizować wynik.
Po zakończeniu pracy możesz wyeksportować plik z napisami, klikając „Eksportuj” i pobierając plik .vtt.
Jak zakodować napisy w filmie HTML5?
Następnie, aby zaimplementować napisy w kodzie HTML5, musisz dodać tag
etykieta tag podaje tytuł napisów, rodzaj identyfikuje, czy jest subtelny, czy zawiera napisy, srclang definiuje język, a src lokalizację twojego pliku.
Następnie możesz dodać ten kod w następujący sposób :
Wideo zostanie wyświetlone automatycznie. Pamiętaj też, że możesz dodać tyle języków, ile chcesz, dodając tag.
Jak mogę dostosować styl moich napisów HTML5?
Ręczny HTML5 jest interesujący ze względu na wiele możliwości dostosowania wyglądu napisów.
Aby ustawić ich styl, dodaj tag CSS