Jaki format wideo na stronę WWW? - Kurs HTML i CSS
Jaki format wideo na stronę WWW?
MP4 to komercyjny format skompresowanych plików wideo, którego nazwa pochodzi od czwartej wersji standardu opracowanego przez Moving Picture Experts Group (MPEG). Innym popularnym formatem wideo przeznaczonym dla stron internetowych, a przy tym nieobjętym płatnymi licencjami, jest OGV. Każdy plik wideo można przekonwertować do obu tych formatów i podać je jednocześnie w atrybutach tego samego odtwarzacza. Przeglądarka sama zdecyduje, który z plików pobierze i uruchomi.
HTML5 / Filmy i dźwięk <video, audio, source>...alternatywna</video> Podstawowy odtwarzacz audio (niezalecane!): <audio src="lokalizacja pliku">Treść alternatywna</audio> Odtwarzacz wielu formatów wideo: <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) Treść alternatywna </video> Odtwarzacz wielu formatów audio: <audio> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format...
- Multimedia HTML / Osadzenie pliku <embed>
...plik typu "mov" *.asf - plik typu "asf" i inne Polecenie to współpracuje z różnymi wtyczkami, dzięki którym teoretycznie może odtwarzać nowe formaty plików multimedialnych. Wtyczka (czyli plug-in) to specjalny niewielki program, który można doinstalować do przeglądarki, zwiększając jej możliwości. Po wywołaniu polecenia, wprost na stronie powinno zostać wyświetlone okno (o podanych rozmiarach), w którym będzie odtwarzany wskazany plik. Należy pamiętać, że pliki multimedialne mają...
- Podcast HTML / #9 HTML5
...odtwarzaczy filmów wideo i muzyki audio bez wtyczek. Element <source> jest używany do wskazania tego samego materiału multimedialnego w wielu formatach (np. MP4 i OGV), aby przeglądarka mogła wybrać obsługiwany format. <track>: dodaje napisy (ścieżkę tekstową) do filmu wideo. Napisy muszą być zapisane zgodnie ze standardem WebVTT (*.vtt). Atrybut kind może określać rodzaj ścieżki (np. subtitles, captions, descriptions). Responsywny obrazek (<picture>, <source>): pozwala podać wiele...