wideo - Kurs HTML i CSS
Ikony (symbole) / Audio i wideo...w nagłówku tabeli. Nazwa Wariant Strzałka Odtwarzania play_arrow play_arrow Koło Odtwarzania play_circle play_circle Mikrofon mic mic Kamera wideo videocam videocam Zwiększ głośność volume_up volume_up Pauza pause pause Nutka muzyczna music_note music_note Książki w bibliotece library_books library_books Film movie movie Prędkość speed speed Przeskocz do następnego skip_next skip_next Powtórz replay replay Wyłącz głośność volume_off volume_off Koło Pauzy pause_circle...
- HTML5 / Filmy i dźwięk <video, audio, source>
...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 została wcześniej...
- HTML5 / Napisy do filmów <track>
...przekład filmu na inny język niż ten, w którym pierwotnie został on nakręcony. Tekst tłumaczenia teoretycznie można zapisać bezpośrednio w ścieżce wideo. Wtedy jednak każde tłumaczenie filmu byłoby fizycznie osobnym plikiem wideo. Na dodatek użytkownik np. słabowidzący albo posiadający niewielki monitor, nie mógłby sterować wielkością tekstu napisów. Dlatego dużo lepiej jest przygotować osobny, względnie niewielkich rozmiarów plik tekstowy z napisami. Jeżeli ktoś z innego kraju będzie chciał...
- Ikony (symbole) / Sprzęt
...display_settings display_settings Tryb deweloperski developer_mode developer_mode Rezerwacja online book_online book_online Faks fax fax Zasób wideo videogame_asset videogame_asset Przesyłanie obrazu do edukacji cast_for_education cast_for_education Centrum urządzeń device_hub device_hub Prosto straight straight Inne urządzenia devices_other devices_other Wyszukiwanie ekranu na komputerze stacjonarnym screen_search_desktop screen_search_desktop Przyjazne urządzeniom mobilnym...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Czas trwania: 45 minut Cele szczegółowe Uczeń potrafi wstawiać materiały wideo i audio. Uczeń zna i stosuje widżety (np. iframe) w dokumentach HTML. Materiały Filmy i dźwięk w HTML5 Ramki lokalne Podcast HTML: #7 Widżety HTML Podcast HTML: #9 HTML5 Przebieg 5 min - Wprowadzenie do tematu lekcji Omówienie roli multimediów w stronach internetowych i ich znaczenia. 10 min - Wstawianie wideo i audio...
- Znaki specjalne HTML / Przedmioty - emotikony (emoji)
...MiniDisc 💽 💾 Stacja dysków 💾 💿 Stacja dysków optycznych 💿 📀 DVD 📀 🧮 Liczydło 🧮 Światło i wideo 🎥 Kamera filmowa 🎥 🎞 Klatki filmowe 🎞 📽 Projektor filmowy 📽 🎬 Klaps (ujęcie filmowe) 🎬 📺 Telewizor 📺 📷 Aparat fotograficzny 📷 📸 Aparat fotograficzny z lampą błyskową 📸 📹 Kamera wideo 📹 📼 Kaseta wideo 📼 🔍 Wskazująca...
- Podcast HTML / #6 Multimedia HTML
...src="ścieżka" width="x" height="y"> współpracuje z różnymi plikami multimedialnymi: Pliki dźwiękowe: *.wav, *.mid, *.mp3 (MPEG Layer-3). Pliki wideo/animacje: *.avi, *.ra, *.mpeg, *.mov, *.asf. Dokumenty PDF: element <embed> może służyć do bezpośredniego wyświetlenia pliku PDF w oknie przeglądarki, pod warunkiem, że użytkownik ma zainstalowany program Adobe Reader. Ostrzeżenia dotyczące <embed>: polecenie <embed> sprawia wiele kłopotów, a jego użycie jest niezalecane dla plików...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...będzie mogła wyświetlić duży podgląd zdjęć ze strony (nawet pełnoekranowy) "max-video-preview:czas" - jeżeli na stronie są osadzone materiały wideo, w wynikach wyszukiwania może się wyświetlać ich podgląd. Za pomocą tej dyrektywy możemy określić maksymalny czas trwania (wyrażony w sekundach) filmu z tym podglądem. Podanie wartości zero ("max-video-preview:0") oznacza, że w podglądzie będzie mogło się wyświetlić co najwyżej statyczne zdjęcie z filmu (atrybut poster="...") - zgodnie z...
- Multimedia HTML / Osadzenie pliku <embed>
...treści <embed> Osadzenie pliku <embed> Odsyłacz do pliku PDF <a pdf> Osadzenie pliku <embed> W przypadku materiałów dźwiękowych (muzyka) i wideo (filmy) korzystniej jest użyć odpowiednio elementów: AUDIO, VIDEO. <embed src="ścieżka dostępu do pliku" width="x" height="y"> gdzie jako "ścieżka dostępu do pliku" należy podać lokalizację na dysku, gdzie znajduje się żądany plik multimedialny. Natomiast "x" oznacza szerokość w pikselach, a "y" wysokość wyświetlanego obrazu wtyczki (ang...
- Ikony (symbole) / Zdjęcie i obraz
...Aparat fotograficzny tylny photo_camera_back photo_camera_back WB iryzujący wb_iridescent wb_iridescent HDR włączone hdr_on hdr_on Przełącz na wideo switch_video switch_video Rozmycie średnie blur_medium blur_medium Filtr 5 filter_5 filter_5 Odwróć kolory wyłączone invert_colors_off invert_colors_off Panorama Photosphere panorama_photosphere panorama_photosphere Filtr 7 filter_7 filter_7 Tryb serii zdjęć burst_mode burst_mode Stoper 10 timer_10 timer_10 Siatka wyłączona grid_off...