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...
- 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 / 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...
- Ikony (symbole) / Audio i wideo
...Ustawienia wideo video_settings video_settings Wykrywanie dźwięku: głośny dźwięk sound_detection_loud_sound sound_detection_loud_sound Plik audio audio_file audio_file Wyróżniona lista odtwarzania featured_play_list featured_play_list Tekst piosenki lyrics lyrics HD hd hd Odtwarzaj lekcję play_lesson play_lesson Wysoka jakość high_quality high_quality Wezwanie do działania call_to_action call_to_action Powtórz jeden repeat_one repeat_one Dodaj do kolejki add_to_queue...
- HTML5 / Zdarzenia HTML5
...z ogólną interakcją użytkownika z elementami strony, np. klikaniem lub zmianą wartości. Zdarzenia multimedialne - wywoływane podczas odtwarzania audio i wideo, np. gdy rozpoczyna się lub kończy odtwarzanie. Zdarzenia drag-and-drop - umożliwiają implementację przeciągania i upuszczania elementów w obrębie strony. Zdarzenia te stanowią podstawę dla budowy bardziej dynamicznych i responsywnych interfejsów użytkownika. Poniższa tabela zawiera zestawienie nazw zdarzeń, odpowiadających im...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...znaczniki Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie tekstu Lekcja 3 - Listy i tabele w HTML Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Lekcja 5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla liceum i technikum z...
- 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ć...