audio - Kurs HTML i CSS
HTML5 / Filmy i dźwięk <video, audio, source>Spis treści <video, audio, source> Wstęp Filmy i dźwięk Atrybuty odtwarzacza autoplay controls loop muted playsinline poster preload width, height Formaty audio/wideo MP3/MP4 OGG/OGV Kodeki Kodeki MP4 Kodeki OGG/OGV Wstęp Przed pojawieniem się języka HTML5, istniały już różne sposoby osadzania treści multimedialnych audio/wideo na stronach internetowych: Osadzenie pliku Uniwersalny sposób odtwarzania plików Niestety miały one spore wady: Większość z nich nie...
- HTML5 / Uwierzytelnienie <audio crossorigin, img crossorigin, link crossorigin, script crossorigin, video crossorigin>
Odtwarzacz dźwiękowy audio - wersja podstawowa: <audio src="lokalizacja" crossorigin></audio> Odtwarzacz dźwiękowy audio - wersja rozszerzona: <audio src="lokalizacja" crossorigin="uwierzytelnienie"></audio> Obrazek - wersja podstawowa: <img src="lokalizacja" crossorigin> Obrazek - wersja rozszerzona: <img src="lokalizacja" crossorigin="uwierzytelnienie"> Zewnętrzny zasób - wersja podstawowa: <link href="lokalizacja" crossorigin> Zewnętrzny zasób - wersja rozszerzona: <link...
- Typy MIME / Wykaz typów MIME
...mpkg application/vnd.apple.mpegurl m3u8 application/vnd.aristanetworks.swi swi application/vnd.astraea-software.iota iota application/vnd.audiograph aep application/vnd.blueice.multipass mpm application/vnd.bmi bmi application/vnd.businessobjects rep application/vnd.chemdraw+xml cdxml application/vnd.chipnuts.karaoke-mmd mmd application/vnd.cinderella cdy application/vnd.claymore cla application/vnd.cloanto.rp9 rp9 application/vnd.clonk.c4group c4g c4d c4f c4p c4u...
- HTML5 / Kategorie elementów HTML5
W języku HTML5 elementy zostały zaklasyfikowane do wyznaczonych kategorii, które grupują znaczniki o podobnych cechach. Jeden element może należeć do wielu kategorii jednocześnie, ale niektóre znaczniki nie należą do żadnej. Kategorie pozwalają od razu domyślić się, do czego służy wybrany element, jakie znaczniki może w sobie zawierać oraz wewnątrz których elementów powinien się znajdować. Kategorie zawartości są ze sobą powiązane w następujący sposób (niektóre elementy mogą należeć również do...
- Multimedia HTML / Osadzenie pliku <embed>
...umieszczania plików multimedialnych w dokumencie HTML może być użycie znacznika <embed src="...">. Nie zaleca się jednak stosować go dla plików audio-wideo, ponieważ dla nich zostały przeznaczone specjalne odtwarzacze multimedialne. Jak osadzić PDF na stronie? Na przykład jeśli plik nazywa się "dokument.pdf" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy bezpośrednio wyświetlić zawartość pliku PDF, można się posłużyć następującym...
- Typy MIME / Multipurpose Internet Mail Extensions
...application Dane binarne przeznaczone do przetwarzania przez aplikacje (podtyp często określa nazwę programu, dla którego są przeznaczone dane) audio Dane audio (podtyp określa format audio) image Jeden lub więcej indywidualnych obrazów (podtyp określa format obrazu) text Materiały mające głównie formę tekstową video Zmienny w czasie obraz, możliwe że z dźwiękiem Podtypy mediów Każdy typ mediów definiuje określone podtypy, które może przyjmować. Drzewa rejestracji Nazwa podtypu...
- HTML5 / Nowe elementy HTML5
...arkusz stylów: article, aside, details, dialog, figcaption, figure, footer, header, hgroup, main, nav, search, section { display: block; } audio, canvas, embed, meter, progress, video { display: inline-block; } [hidden] { display: none; } Jeżeli nie korzystasz z możliwości CSS, nie musisz używać tej sztuczki... ale może w takim razie to już najwyższy czas, aby poznać Kaskadowe Arkusze Stylów 😉 Sekcje Sekcje to odrębne tematycznie fragmenty treści na stronie. Można je porównać...
- Formularze HTML / Selektor plików <input "file">
...selektorze): Rodzina ogólna Oprócz tego w języku HTML5 można również określać ogólną rodzinę typu plików: image/* Obrazek w dowolnym formacie audio/* Muzyka w dowolnym formacie video/* Film w dowolnym formacie Przykład <input "file" accept> <input type="file" accept="image/*"> Wybierz obrazek w dowolnym formacie: Rozszerzenie pliku Język HTML5 pozwala również wprost wskazać rozszerzenie nazwy pliku. W takim przypadku należy jednak pamiętać, aby nazwa rozszerzenia była...
- HTML5 / Zmienione elementy i atrybuty HTML5
...DL Mogą być puste (nie zawierać żadnych elementów potomnych). Zmienione atrybuty accept Dla elementów INPUT pozwala użyć ogólnych wartości: "audio/*" (dowolny plik w formacie dźwiękowym), "video/*" (dowolny plik w formacie wideo), "image/*" (dowolny plik graficzny). accesskey Możliwość użycia listy klawiszy rozdzielonych spacjami, z których przeglądarka może wybrać najbardziej dla niej odpowiedni. action Nie może zawierać pustej wartości. border Dla znacznika TABLE może zawierać...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
Spis treści <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object> Wstęp Odsyłacz do pliku <a "jpg, avi, wav, txt, doc, rtf, xls, pdf"> Zagnieżdżanie plików multimedialnych <object> Wstęp Polecenia multimedialne sprawiają wiele kłopotów. Na przykład <embed> ma tę zaletę, że skojarzony z nim plik będzie odtwarzany bezpośrednio na stronie. Niestety jest to również jego wadą. Pliki multimedialne mają zwykle duże rozmiary, dlatego wczytywanie takiej strony może trwać potwornie długo. Poza tym...