Što uključuje multimedija na web-u?
Multimedija na web-u uključuje slike, glazbu, zvukove, videe, snimke, filmove, animacije...
U kojem se obliku spremaju multimedijalni elemetni? Što određuje ekstenzija? Nabrojite nekoliko mogućih ekstenzija (proširenja)?
Multimedijalni elemetni se spremaju u obliku media datoteka. Ekstenzija određuje tip datoteke. Moguće ekstenzije su .wav, .mp3, .mp4...
Nabrojite uobičajene formate za video datoteke. Koje formate podržava HTML? Koji format preporuča YouTube?
Uobičajeni formati za video datoteke su: MPEG, AVI, WMV, QuickTime, RealVideo, Flash, Ogg, WebM, MPEG-4 ili MP4. HTML podržava samo MP4, WebM i Ogg formate.
Nabrojite uobičajene formate za audio datoteke. Koja tri formata su podržana HTML standardom? Koji je najbolji format za kompresiranu snimljenu glazbu?
Uobičajeni fromati za audio datoteke su: MIDI, RealAudio, WMA, AAC, WAV, Ogg, MP3, MP4. HTML podržava samo MP3, WAV i Ogg formate.
5. Što su plug-in-ovi? Nabrojite najmanje pet različitih zadataka plug-in-ova?
Plug-in-ovi su računalni programi koji proširuju standardnu funkciju browser-a. Zadatci plug-in-ova su: pokretanje Java applets-a, pokretanje Microsoft ActiveX controls-a, prikazivanje Flash filmova, prikazivanje mapa te skeniranje virusa.
6. Koje vrste objekata (plug-in tipa) više nisu podržane, dostupne ili su isključene u preglednicima?
Više nisu podržani java Applets, ActiveX controls i ShockWave Flash.
Što dodaje atribut controls?
Atribut controls dodaje audio/video controle na display.
Zbog čega je dobro uvijek koristiti attribute width i height? Što se može događati ako nisu postavljeni?
Uvijek je dobro koristiti atribute width i height zbog toga što određuju veličinu objekta. Ako nisi postavljeni može se događati preklapanje raznih elemenata.
Kako i zašto se koristi element source? Kako će odabir napraviti preglednik?
Element <source> koristi se specificiranje više medijskih izvora za medijske elemente. Preglednik će napraviti odabir s obzirom na browser support i viewport width.
U kojem će se slučaju ispisati navedeni tekst?
Kako se prikazani video sadržaj može pokrenuti automatski? Na kojim uređajima neće raditi?
Prikazani video sadržaj može se pokrenuti automatski postavljanjem atributa "autoplay". Neće raditi na mobilnim uređajima kao što su iPad i iPhone.
Koji HTML element koristimo za uključivanje audio datoteka u web stranicu?
Koristimo element <audio>.
Što definira i za što se koristi element <object>? Navedite primjere upotrebe sa kodom.
Element <object> definira container za vanjski resurs. Koristi se za dodavanje slika, HTML koda te videa i audia.
Za što se koristi element <embed>? Navedite primjer koda.
<embed> se koristi za isto što i <object>. Definira container za vanjski resurs kao npr. Web stranica, slika, media player itd.
Za pokretanje videa na mrežnoj stranici u HTML kodu može se koristiti YouTube video ID. Navedite primjer YouTube video ID-a
Primjer YouTube video ID-a: tgbNymZ7vqY
Nabrojite šest koraka potrebnih za pokretanje YouTube videa na mrežnoj stranici.
Prenesite video na YouTube
Uzmite video id
Definirajte <iframe> element na vašu Web stranicu
Koristite src atribut kako bi upisali video URL.
Korisitite width i height atribute kako bi specificirali dimenzije playera
Dodati ostale parametre u URL.
Na koji se način može uključiti stišani autoplay kod videa? Navedite primjer koda.
Na način da u video URL dodamo autoplay=1 i mute=1.
Primjer koda:
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
Kako se piše i koristi YouTube playlist?
Unesemo linkove i odvojimo ih zarezom.
U kodu:
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
Što znači loop=1? Koja je podrazumijevana vrijednost i što ona znači?
loop=1 znači da se video stalno ponavlja bez prestanka. Podrazumijevana vrijednost je 0 što znači da će se video reproducirati samo jedanput.
Kako se ispisuju kontrole uz YouTube video sadržaj?
U URL stavimo controls=0.
Napravite mrežnu stranicu o pticama. Za prikaz stranice pripremite što više medijskih elemenata i spremite ih u podmape osnovne mape vaše stranice: slike, zvukovi, video sadržaji. Sve slike i video sadržaji trebaju se prikazati u istoj veličini (otprilike četvrtinu širine stranice) bez izobličenja. Uz slike trebaju biti naslovi, a uz video sadržaje kontrole. 3 Odaberite tri vrste ptica. Na početku stranice treba biti lista sa internim poveznicama: ptica1, ptica 2, ptica 3. Klikom na poveznicu prebacuje se na dio stranice koji govori o toj ptici. Sadržaji vezani uz svaku pticu trebaju biti podijeljeni na: 1. kratki uvodni tekst (osnovne informacije, veličina, stanište, ishrana i td.), 2. slike ptice (najmanje dvije), 3. zvučni zapis pjeva te ptice, 4. video materijali o toj ptici. Obavezno koristite i YouTube video. Na kraju stranice potrebno je napraviti manji obrazac sa prostorom za unosom osnovnih osobnih podataka i podatka o tome o kojoj bi korisnik ptici i koju vrstu materijala o toj ptici (tekst, slike, zvuk, video) molio da mu se dostavi.
Folder Web stranice:
https://drive.google.com/file/d/12guuVrVdWIEW4P_hFn7HVQ0OeTYpfunC/view?usp=sharing